使用alt屬性
alt屬性有何用處
alt屬性定義一個標籤集(即是img,area和可選的input和applet),允許你為對象提供等同的文字說明。
等同的文字說明為你的網站和訪問者帶來以下的一般情況下的好處:
- 現在,很多不同的平台下的各式網頁瀏覽器有著不同的相容性,一些根本就不能顯示圖片或者有限的圖片類型支持,一些也可以配置為不載入圖片。如果你的原始碼裡有圖片的alt屬性集,大部分瀏覽器將顯示這些你給予圖片的描述文字。
- 一些失明的,或者色盲的,或者低視力的訪問者不能看到圖片,alt屬性是此類人的好幫手,依靠它,這些使用者會對你的網頁有一個好印象。
- 搜尋引擎屬於上述兩類情況:如果你希望你的網站得到應有的索引等級,alt屬性確保其不會錯過你頁面的重要部分。
應該在alt屬性裡放置什麼
alt屬性內容的通用規則是:使用有圖片所有功能的文字。
更具體的規則:
- 如果圖片使用來裝飾文字的,把這些文字放到alt屬性裡去。
- 如果圖片使用來做列表、水平線、或者類似裝飾的項目符號的,最好使用空白的alt屬性(比如alt=""),但是用CSS來做更好,像list-style-image。
- 如果圖片介紹大量的重要訊息,試著在alt屬性裡簡短概括或者在連結裡使用longdesc更具體描述。