最新帖子 精华区 社区服务 会员列表 统计排行 银行 广告管理
主题 : DEDECMS 优化缩略图生成的的代码
jack 离线
级别: 管理员
显示用户信息 
0  发表于: 2008-07-09 01:44

DEDECMS 优化缩略图生成的的代码

系统自带生成缩略图列表的代码:

XML/HTML代码
{dede:arclist row=10 titlelen=24 orderby=pubdate}
[field:imglink/]
[field:textlink/]
{/dede:arclist}  
  



运行后生成的html代码:

XML/HTML代码
<a href='/html/yingyeyuanyan/20070927/124.html'>  
<img src='/upimg/070927/lit_11ZRV31350163I.jpg' border='0' width='120' height='120' alt='标题标题标题'>
</a>
<a href='/html/yingyeyuanyan/20070927/124.html'>标题标题标题
</a>



经过优化的DEDE生成缩略图列表的代码:

XML/HTML代码
{dede:arclist row=10 titlelen=24 orderby=pubdate}
<a href="[field:filename/]">  
<img src="[field:litpic/]" alt="[field:title/]" />  
</a>
<a href="[field:filename/]" title="[field:title/]">[field:title/]
</a>
{/dede:arclist}  

运行后生成的html代码

XML/HTML代码
<a href="/sisisisi/20071012/151.html">  
<img src="/upimg/userup/0710/122333043234_lit.jpg" alt="标题标题标题" />
</a>
<a href="/sisisisi/20071012/151.html" title="标题标题标题">标题标题标题
</a>

优化之处:
一、<img>标签少了width hight border三个属性和值,可以用CSS控制,减少重复代码,更符合web标准的结构和样式分离。

二、重新定义了用"(双引号)包围值,修改了DEDE代码的不规范更符合web标准。

三、增加<a>标签的title值和<img>标签的alt值,更符合web标准。
From:江苏省 顶端
快速回复 顶端
内容
HTML 代码不可用
使用签名
Wind Code自动转换

按"Ctrl+Enter"直接提交