摘要：DEDE建站每日一課之圖片標簽技巧指南[DedeCMS教程]

　　筆者的同事在之前做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的圖片標簽還有一些更高級更詳盡的寫法，比如

　　<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有一點了解的人。