您现在的位置是：首页 > cms教程 > DedeCMS教程DedeCMS教程
dede织梦图片标签技巧指南教程
陈仓翼2024-06-07DedeCMS教程已有人查阅
导读笔者的同事在之前做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的图片标签还有一些更高级更详尽的写法，比如
两外，我们可以通过直接调用图片的地址的方法来更加灵活的调用图片链接
随着时间的推移，和自己的学习，笔者了解到dede的图片标签其实还是很灵活的，除了原来知道的标签，还可以这样写：
<a href='[field:arcurl /]'>[field:image/]</a>
在这里“<a href='[field:arcurl /]'>[field:image/]</a>”与“[field:imglink /]” 是完全等价的，只不过前者更灵活一点，可以在 <a>中添加 title、rel等相关的属性。这样一来就给我们制作一些高效的时候带来了便捷。
其实dede的图片标签还有一些更高级更详尽的写法，比如
<a href='[field:arcurl /]' title="[field:title function='htmlspecialchars(@me)'/] ">[field:image/]</a>
这里主要是直接给图片调用了title，为图片的优化带来了一定的益处。其中title中的“function='htmlspecialchars(@me)'”是为了清除由于后台操作添加的html标签的，比如改变颜色的font或者加粗的b标签等。两外，我们可以通过直接调用图片的地址的方法来更加灵活的调用图片链接
<a href='[field:arcurl /]'><img src='[field:litpic/]'></a>
<a href='[field:arcurl /]'><img src='[field:picname/]'></a>
则更为灵活，不仅可以添加title="",还可以添加 alt="",但是虽然灵活了，缺少了图片的宽度和高度的控制，所以要在CSS中控制图片的大小，适合对CSS有一点了解的人。
感谢您的认可和支持
微信
支付宝
很赞哦！ ()
上一篇：dede织梦标签时间标签调用详解
相关教程
图文教程
dedecms织梦怎么用数据库批量修改替换文章标题和内容
如果一个dedecms系统的门户网站，里面的信息内容，已经成千上万，当有一天想要修改大部分文章中的信息时，单篇文章修改的方法不是太现在
dedecms织梦pagelist标签怎么修改
dedecms pagelist标签修改方法分享，需要修改的朋友可以参考下首页我们随便打开一个带有pagelist标签的页面，找到
批量删除织梦dedecms企业会员垃圾文章的方法
当我们织梦网站开启会员功能的时候，经常碰到被群发器批量注册会员用户，然后进行文章批量发布，这些群发器一般批量注册的是企业会员，然后发布分类信息
dedecms当前位置（面包屑）各种写法示例
方法一.Dedecms当前位置：{dede:field name=position/}方法二：{dede:field name=position runp
相关源码
-
(自适应)蓝色五金制品配件管件pbootcms网站源码下载基于PbootCMS内核开发的五金行业专用模板，采用响应式设计架构，确保产品展示在各类移动设备上的呈现。通过模块化布局与工业风视觉设计，帮助五金企业高效展示产品规格、应用场景及技术支持，建立专业可靠的行业形象。查看源码 -
(自适应)HTML5响应式双语绿色物流运输快递货运pbootcms源码本款基于PbootCMS开发的网站模板为物流运输、快递货运行业设计，采用HTML5技术构建，支持简繁字体切换。模板设计充分考虑了货运物流行业的特点，可专业展示运输服务、物流网络和业务优势等内容。查看源码 -
pbootcms模板(自适应)花店鲜花花卉园艺网站源码一款基于PbootCMS内核开发的花店鲜花配送与花卉园艺企业网站模板。该模板采用响应式设计，自动适配手机、平板等移动设备，确保用户在任何设备上都能获得优质浏览体验。查看源码 -
(PC+WAP)蓝色智能环保机械设备网站营销型pbootcms模板下载本模板基于PbootCMS系统开发，为环保设备制造企业设计，特别适合展示环保机械、智能装备等产品。采用响应式技术，确保各类设备参数和技术方案在不同终端上都能清晰展示。查看源码 -
(PC+WAP)蓝色自动电动闸门伸缩门类网站pbootcms模板下载为电动闸门、自动伸缩门企业设计的响应式网站模板，突出产品展示与技术优势，助力门控设备企业建立专业数字化形象。手工编写DIV+CSS结构，代码精简高效，无冗余代码干扰，加载速度更快。查看源码 -
(自适应响应式)蓝色律师事务所法务团队网站pbootcms模板为律师事务所和法律服务机构打造的专业网站模板，展现法律专业性与权威性，手工编写标准DIV+CSS代码，结构清晰优化，确保高效运行，自动适配电脑、平板和手机等各类设备，提供更好浏览体验查看源码
| 分享笔记 （共有 篇笔记） |
