alt属性
外观
![本页使用了标题或全文手工转换](http://upload.wikimedia.org/wikipedia/commons/thumb/c/cd/Zh_conversion_icon_m.svg/35px-Zh_conversion_icon_m.svg.png)
alt属性是一个用于网页语言HTML和XHTML、为输出纯文字的参数属性。它的作用是当HTML元素本身的物件无法被渲染时,就显示alt(替代)文字作为一种补救措施。这也常被屏幕阅读软件所使用, 使听着网页内容的人(例如视障者)可以与之交互。在HTML 4.01中,
alt属性被规定在img
与area
两个元素中必须被指定,即使是空的(否则屏幕阅读软件可能会读出不必要的装饰性元素名称),alt属性的语法如下:
<img alt="...">
<area alt="...">
例子
[编辑]以下图像的alt属性是“一面红色底、白色十字旗帜在空中飘扬,十字的直条较为靠向左边的旗杆。”
![一面红色底、白色十字旗帜在空中飘扬,十字的直条较为靠向左边的旗杆。](http://upload.wikimedia.org/wikipedia/commons/thumb/8/83/Dannebrog.jpg/180px-Dannebrog.jpg)
这图像的HTML句式可以如下:
<img alt="一面红色底、白色十字旗帜在空中飘扬,十字的直条较为靠向左边的旗杆。" src="https://backend.710302.xyz/https/upload.wikimedia.org/wikipedia/commons/thumb/8/83/Dannebrog.jpg/180px-Dannebrog.jpg" width="180" height="135" />
视力受损的读者如果使用屏幕阅读器如JAWS或Orca,这些应用程式会将图像中提供的alt文字读出,让他们以聆听理解图像内容。纯文字网页浏览器如Lynx或允许用户手动会禁止下载图像的浏览器会显示alt文字以取代图像;一般能正常显示图像的网页浏览器的读者则需要开启图像属性或页面源文件才能得知alt属性内容。
常见误解
[编辑]![](http://upload.wikimedia.org/wikipedia/commons/thumb/4/46/Ie7_alt_as_tooltip.png/220px-Ie7_alt_as_tooltip.png)
Internet Explorer 7及更旧版本会错误地将alt属性渲染成提示框。[1][2]这个设置导致许多网络开发者真的将alt(语法例子:alt="内容")属性当成弹出式提示框来使用[3],而忽视了title
(代码用法与alt相同。title="内容")才是用来显示弹出式提示框的正确属性。[4] 这个失误在Internet Explorer 8及以后版本被改正过来,alt文字不会再被当成提示框弹出。[5]alt属性有时亦会被误称为“alt元素”(alt tag,变相与img
元素画上等号)。[2][6][7]
参见
[编辑]资料来源
[编辑]- ^ Why doesn’t Mozilla display my alt tooltips?. [2009-07-22].
- ^ 2.0 2.1 Anne van Kesteren. Alt attribute (alt tag, alt tooltip). 2004-12-16 [2009-07-22]. (原始内容存档于2005-12-19).
- ^ Bug 25537 - Alt text is not displayed as a tooltip over <img> (页面存档备份,存于互联网档案馆), Mozilla bugzilla
- ^ W3C HTML WG. 7.4.3 The title attribute. HTML 4.01规格说明. W3C. 1999-12-24 [2009-07-22]. (原始内容存档于2009-07-26).
- ^ What's New in Internet Explorer 8 – Accessibility and ARIA. MSDN. Microsoft. [2009-07-22]. (原始内容存档于2009-06-29).
- ^ Roger Johansson. It’s alt attribute, not alt tag. 456 Berea Street. 2005-11-07 [2009-07-22].
- ^ Tommy Olsson. Alt tags. The Autistic Cuckoo. 2004-07-20 [2009-07-22]. (原始内容存档于2007-12-25).
外部链接
[编辑]- How to specify alternate text(页面存档备份,存于互联网档案馆),HTML 4.01规格说明
- Providing text equivalents for images(页面存档备份,存于互联网档案馆),Dive Into Accessibility
- Guidelines on alt texts in
img
elements(页面存档备份,存于互联网档案馆),Jukka Korpela编 - Alternative text for images: the alt attribute,Estelle Weyl编
- Mini-FAQ about the alternate text of images(页面存档备份,存于互联网档案馆),Ian Hickson编