星期三, 2月 25, 2009

Hyperlink圖片超連結設定Alt屬性

最近做網站都流行要用SEO..啥是SEO..Wiki上是說..

搜尋引擎最佳化又稱搜尋引擎優化, 其英文叫 Search Engine Optimization,簡稱SEO

有興趣的去Wiki看就可以清清楚楚的知道SEO在幹麼..Open-mouthed..接下來進入主題..

我們都有在網頁上用圖片去超連結..通常我是用HyperLink Control然後設定ImageUrl跟NavigateUrl這兩個屬性後..就可以做出我想要的校果了..不過現在要來搞個SEO..所以我會去加個alt的屬性到HyperLink上..

<asp:HyperLink ID="HyperLink1" runat="server" ImageUrl="~/images/5212.png"
NavigateUrl="http://tw.yahoo.com" alt="testtest"></asp:HyperLink>

然後render出來我要的程式碼..不過看一下..疑..img這tag怎麼沒有alt..Wilted Rose..

<a id="HyperLink1" alt="testtest" href="http://tw.yahoo.com">
<img src="images/5212.png" style="border-width:0px;" /></a>

這樣一點都不SEO..查一下google..找到答案..只要設Text就有圖片的alt..Sick..啥鬼..這樣也行..按圖施工..

<asp:HyperLink ID="HyperLink1" runat="server" ImageUrl="~/images/5212.png"
NavigateUrl="http://tw.yahoo.com" alt="testtest" Text="testtest"></asp:HyperLink>

render出該有的alt..ok..收工..Kiss..

<a id="HyperLink1" alt="testtest" href="http://tw.yahoo.com">
<img src="images/5212.png" alt="testtest" style="border-width:0px;" /></a>

LiarLiarLiarLiarLiarLiarLiarLiarLiarLiarLiarLiarLiarLiarLiarLiarLiarLiarLiarLiar..

3 則留言:

demo 提到...

建議順便加上title

Bibby 提到...

收到..

毛豆 提到...

我比較常用下面這招:

css裡面寫
.hiddenSpan{background:url(images/5212.png) no-repeat;}
.hiddenSpan span{visibility:hidden;}



<div id="somePlace">

<asp:HyperLink ID="HyperLink1" CssClass="hiddenSpan" runat="server" NavigateUrl="http://tw.yahoo.com" alt="testtest" text="<span>會被隱藏的文字</span>"></asp:HyperLink>

</div>