本页使用了标题或全文手工转换

alt屬性

维基百科,自由的百科全书
跳转至: 导航搜索

alt屬性是一個用於網頁語言HTMLXHTML、為輸出純文字的參數屬性。它的作用是當HTML元素本身的物件無法被渲染時,就顯示alt(替代)文字作為一種補救措施。在HTML 4.01中,alt屬性主要用於imgarea兩個元素,alt屬性的語法如下:

<img alt="...">
<area alt="...">

例子[编辑]

以下圖像的alt屬性是「一面紅色底、白色十字旗幟在空中飄揚,十字的直條較為靠向左邊的旗桿。」

一面紅色底、白色十字旗幟在空中飄揚,十字的直條較為靠向左邊的旗桿。

這圖像的HTML句式可以如下:

<img alt="一面紅色底、白色十字旗幟在空中飄揚,十字的直條較為靠向左邊的旗桿。"
     src="http://upload.wikimedia.org/wikipedia/commons/thumb/8/83/Dannebrog.jpg/180px-Dannebrog.jpg"
     width="180" height="135" />

視力受損的讀者如果使用螢幕閱讀器JAWS英语JAWS (screen reader)Orca英语Orca (assistive technology),這些應用程序會將圖像中提供的alt文字讀出,讓他們以聆聽理解圖像內容。純文字網頁瀏覽器如Lynx或允許使用者手動會禁止下載圖像的瀏覽器會顯示alt文字以取代圖像;一般能正常顯示圖像的網頁瀏覽器的讀者则需要開啟圖像屬性或頁面原始檔才能得知alt屬性內容。

常見誤解[编辑]

IE7將alt文字顯示成彈出式提示框

Internet Explorer 7及更舊版本會錯誤地將alt屬性渲染成彈出式提示框英语tooltip[1][2]這個設定導致許多網絡開發者真的將alt(語法例子:alt="內容")屬性當成彈出式提示框來使用[3],而忽視了title(代碼用法與alt相同。title="內容")才是用來顯示彈出式提示框的正確屬性。[4] 這個失誤在Internet Explorer 8及以後版本被改正過來,alt文字不會再被當成提示框彈出。[5]alt屬性有時亦會被誤稱為「alt元素」(alt tag,變相與img元素畫上等號)。[2][6][7]

參見[编辑]

資料來源[编辑]

  1. ^ Why doesn’t Mozilla display my alt tooltips?. [2009-07-22]. 
  2. ^ 2.0 2.1 Anne van Kesteren. Alt attribute (alt tag, alt tooltip). 2004-12-16 [2009-07-22]. 
  3. ^ Bug 25537 - Alt text is not displayed as a tooltip over <img>, Mozilla bugzilla
  4. ^ W3C HTML WG. 7.4.3 The title attribute. HTML 4.01規格說明. W3C. 1999-12-24 [2009-07-22]. 
  5. ^ What's New in Internet Explorer 8 – Accessibility and ARIA. MSDN. Microsoft. [2009-07-22]. 
  6. ^ Roger Johansson. It’s alt attribute, not alt tag. 456 Berea Street. 2005-11-07 [2009-07-22]. 
  7. ^ Tommy Olsson. Alt tags. The Autistic Cuckoo. 2004-07-20 [2009-07-22]. 

外部鏈接[编辑]