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

　　筆者的同事在之前做dede站的時候，曾經(jīng)遇到很苦惱的事情，就是給圖片集添加了一個網(wǎng)上下載下來的特效，需要給圖片的鏈接上添加一個rel屬性，供JS調(diào)用以達(dá)到那種特效。但是當(dāng)時只知道dede的圖片鏈接標(biāo)簽是[field:imglink/]，所以，后來只得作罷。

　　隨著時間的推移，和自己的學(xué)習(xí)，筆者了解到dede的圖片標(biāo)簽其實還是很靈活的，除了原來知道的標(biāo)簽，還可以這樣寫：

　　<a href='[field:arcurl /]'>[field:image/]</a>

　　在這里“<a href='[field:arcurl /]'>[field:image/]</a>”與“[field:imglink /]” 是完全等價的，只不過前者更靈活一點，可以在 <a>中添加 title、rel等相關(guān)的屬性。這樣一來就給我們制作一些特效的時候帶來了便捷。

　　其實dede的圖片標(biāo)簽還有一些更高級更詳盡的寫法，比如

　　<a href='[field:arcurl /]' title="[field:title function='htmlspecialchars(@me)'/] ">[field:image/]</a>

　　這里主要是直接給圖片調(diào)用了title，為圖片的優(yōu)化帶來了一定的益處。其中title中的“function='htmlspecialchars(@me)'”是為了清除由于后臺操作添加的html標(biāo)簽的，比如改變顏色的font或者加粗的b標(biāo)簽等。

　　兩外，我們可以通過直接調(diào)用圖片的地址的方法來更加靈活的調(diào)用圖片鏈接

　　<a href='[field:arcurl /]'><img src='[field:litpic/]'></a>

　　<a href='[field:arcurl /]'><img src='[field:picname/]'></a>

　　則更為靈活，不僅可以添加title="",還可以添加 alt="",但是雖然靈活了，缺少了圖片的寬度和高度的控制，所以要在CSS中控制圖片的大小，適合對CSS有一點了解的人。