您现在的位置是：首页 > 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自定义变量删除方法代码
织梦自定义变量添加很简单，只要在后台--系统--系统基本参数--添加新变量，按自己要求添加好数据，点击保存就可以生成自定义变量了
dede留言本模板调用导航head的代码实例
留言本或者说站内留言，这一模板是DEDECMS织梦内容管理系统中比较有特色的一部分，但是原来的模板只是保留着较为简单的表格填写页面，这对于现在的访客来说
dedecms网页模板编写介绍
网页模板就是templets中的htm文件，所以编写模板就是要编写html。这篇文章不是关于标签的具体使用，而是对网页模板的一些理解。包括基本的标签语法，封面模板
织梦cms灵活使用参数调用不同的友情链接的方法
在研究DEDECMS模板时我们发现在链接 link 里面的参数 typeid="0" 1 综合网站 2 娱乐类 3 教育类 4 计算机类 5 电子商务 6 网上信息 7 论坛类 8 其它类型。
相关源码
-
(自适应)html5导航目录索引工具类网站源码下载本模板基于PbootCMS开发，为站长导航、网址导航类网站设计。采用HTML5+CSS3技术构建，适配PC端和移动端，提供流畅的浏览体验。适用于个人站长、资源导航平台等场景查看源码 -
pbootcms模板(PC+WAP)微信小程序开发公司网站本模板为微信小程序开发代理、软件开发公司等企业设计，基于PbootCMS内核开发，支持PC+WAP双端响应式布局，数据实时同步，适用于多行业快速建站。查看源码 -
(自适应响应式)教育培训机构集团网站pbootcms源码下载本模板基于PbootCMS系统开发，为教育培训机构设计，特别适合展示课程体系、师资团队和教学成果。采用响应式技术，确保在各类设备上都能提供良好的浏览体验。查看源码 -
(自适应)WordPress主题SEO自媒体博客资讯模板RabbitV2.0Rabbit v2.0主题专注于网站搜索引擎优化需求，为博客、自媒体及资讯类网站提供专业的SEO技术解决方案。该主题从架构设计到功能实现均围绕搜索引擎优化理念展开。查看源码 -
(自适应)大气办公用品耗材供应打印机产品维修网站模板下载基于PbootCMS系统开发的响应式网站模板，为营销技术博主、数字产品评测者设计。采用前沿的响应式技术，确保内容在手机端和桌面端都能获得较佳阅读体验，帮助用户高效展示技术文章和产品分析。查看源码 -
WordPress主题模板JustNews资讯博客类源码V5.2.2JustNews主题针对博客创作、自媒体运营及资讯发布类网站的需求而设计，提供专业的内容展示与管理方案。该主题集成前端用户中心功能，支持用户在前端界面发布和投稿文章，操作流程简洁高效。查看源码
| 分享笔记 （共有 篇笔记） |
