2011年11月17日 星期四

vs 2010 標籤 規範需要加入 alt屬性 ie7狀態下

最近遇到一個問題, 就是標籤中的alt屬性並不會顯示在畫面中(我的環境是XP/IE7)
但是不加alt屬性, VS2008執行網頁時會出現警告如下
警告 1 驗證 (XHTML 1.0 Transitional): 'img' 項目遺漏必要的 'alt' 屬性。

google的結果如下,
alt的屬性在W3C定義中是用在當圖片無法正常顯示時, 用來替代的文字
我故意將標籤中的src屬性修改成不存在的檔名, 並定義alt內容如下
無法顯示警告圖示

執行結果(環境XP/IE7下執行)

1.JPG (2.25 KiB) 被瀏覽 146 次

但是經測試IE6, IE7, IE8後發現, 在IE6及IE8環境下的alt屬性會被直接當作title來使用, 但是alt並不是title
為了避免每當使用標籤時就會出現警告訊息及配合IE6/IE8的顯示方式(只有IE6/IE8會莫名其妙的直接把alt當title來秀...), 請使用標籤時記得加上
alt=""

若是有使用畫面說明的需求(如下圖), 請一律使用title屬性來達到需求, 不要直接利用alt屬性(因為IE7及其他瀏覽器並不會顯示出alt)

2.JPG (8.93 KiB) 被瀏覽 146 次

總結, 達到上圖中的效果, HTML語法應如下

*未考慮資源檔貼字

以上
三商電腦股份有

沒有留言:

張貼留言