您现在的位置是:首页 > cms教程 > dedecms教程dedecms教程
dede织梦图片标签技巧指南教程
陈仓翼2024-06-07 12:38:19dedecms教程已有14人查阅
导读笔者的同事在之前做dede站的时候,曾经遇到很苦恼的事情,就是给图片集添加了一个网上下载下来的高效,需要给图片的链接上添加一个rel属性
笔者的同事在之前做dede站的时候,曾经遇到很苦恼的事情,就是给图片集添加了一个网上下载下来的高效,需要给图片的链接上添加一个rel属性,供JS调用以达到那种高效。但是当时只知道dede的图片链接标签是[field:imglink/],所以,后来只得作罢。
随着时间的推移,和自己的学习,笔者了解到dede的图片标签其实还是很灵活的,除了原来知道的标签,还可以这样写:
<a href='[field:arcurl /]'>[field:image/]</a>
在这里“<a href='[field:arcurl /]'>[field:image/]</a>”与“[field:imglink /]” 是完全等价的,只不过前者更灵活一点,可以在 <a>中添加 title、rel等相关的属性。这样一来就给我们制作一些高效的时候带来了便捷。
其实dede的图片标签还有一些更高级更详尽的写法,比如 这里主要是直接给图片调用了title,为图片的优化带来了一定的益处。其中title中的“function='htmlspecialchars(@me)'”是为了清除由于后台操作添加的html标签的,比如改变颜色的font或者加粗的b标签等。
两外,我们可以通过直接调用图片的地址的方法来更加灵活的调用图片链接 则更为灵活,不仅可以添加title="",还可以添加 alt="",但是虽然灵活了,缺少了图片的宽度和高度的控制,所以要在CSS中控制图片的大小,适合对CSS有一点了解的人。
随着时间的推移,和自己的学习,笔者了解到dede的图片标签其实还是很灵活的,除了原来知道的标签,还可以这样写:
<a href='[field:arcurl /]'>[field:image/]</a>
在这里“<a href='[field:arcurl /]'>[field:image/]</a>”与“[field:imglink /]” 是完全等价的,只不过前者更灵活一点,可以在 <a>中添加 title、rel等相关的属性。这样一来就给我们制作一些高效的时候带来了便捷。
其实dede的图片标签还有一些更高级更详尽的写法,比如 这里主要是直接给图片调用了title,为图片的优化带来了一定的益处。其中title中的“function='htmlspecialchars(@me)'”是为了清除由于后台操作添加的html标签的,比如改变颜色的font或者加粗的b标签等。
两外,我们可以通过直接调用图片的地址的方法来更加灵活的调用图片链接 则更为灵活,不仅可以添加title="",还可以添加 alt="",但是虽然灵活了,缺少了图片的宽度和高度的控制,所以要在CSS中控制图片的大小,适合对CSS有一点了解的人。
本文标签:
很赞哦! (1)
上一篇:dede织梦标签时间标签调用详解
暂无内容 |
暂无内容 |
相关文章
暂无内容 |
暂无内容 |
随机图文
dedecms入门dedecms5.7栏目添加和设置方法
我们上一章讲了dedecms5.7系统基本设置 ,那么接下来的工作就是给你的网站添加栏目了,这一章主要以添加文章类栏目为例子讲一下dedecms栏目添加的方法和注意事项!织梦软件模型中软件描述字数限制的修改方法
织梦默认的软件模型里面的软件描述有字数限制,导致超过的部分字数无法储存及显示,开始以为是编辑器自身字数的限制,后来使用文章模型,发现可以正常显示,而软件模dedecms购物车优化自动更新数量更改订单号的方法
用dedecms做优化还是相当靠谱的,个人不喜欢MVC的设计,冗余代码太多了,打开速度是很重要的,采用响应式布局,不需要跳转到移动端。织梦dedecms换模板的步骤方法
织梦更换模板的方法很简单,但是其中容易出现的问题很多,需要大家注意的地方很多,下面可乐做一一的详解,如果哪里漏掉,还请大家反馈给我,能让更多的站长朋友来解决问题
留言与评论 (共有 0 条评论) |