alt属性是一个用于网页语言HTML和XHTML、为输出纯文字的参数属性。它的作用是当HTML元素本身的对象无法被渲染时,就显示alt(替代)文字作为一种补救措施。这也常被屏幕阅读软件所使用, 使听着网页内容的人(例如视障者)可以与之交互。在HTML 4.01中,
alt属性被规定在img
与area
两个元素中必须被指定,即使是空的(否则屏幕阅读软件可能会读出不必要的装饰性元素名称),alt属性的语法如下:
<img alt="...">
<area alt="...">
例子
以下图像的alt属性是“一面红色底、白色十字旗帜在空中飘扬,十字的直条较为靠向左边的旗杆。”
![Thumb](http://upload.wikimedia.org/wikipedia/commons/thumb/8/83/Dannebrog.jpg/640px-Dannebrog.jpg)
这图像的HTML句式可以如下:
<img alt="一面红色底、白色十字旗帜在空中飘扬,十字的直条较为靠向左边的旗杆。" src="http://upload.wikimedia.org/wikipedia/commons/thumb/8/83/Dannebrog.jpg/180px-Dannebrog.jpg" width="180" height="135" />
视力受损的读者如果使用屏幕阅读器如JAWS或Orca,这些应用程序会将图像中提供的alt文字读出,让他们以聆听理解图像内容。纯文字网页浏览器如Lynx或允许用户手动会禁止下载图像的浏览器会显示alt文字以取代图像;一般能正常显示图像的网页浏览器的读者则需要开启图像属性或页面源文件才能得知alt属性内容。
常见误解
![Thumb](http://upload.wikimedia.org/wikipedia/commons/thumb/4/46/Ie7_alt_as_tooltip.png/320px-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]
参见
资料来源
外部链接
Wikiwand in your browser!
Seamless Wikipedia browsing. On steroids.
Every time you click a link to Wikipedia, Wiktionary or Wikiquote in your browser's search results, it will show the modern Wikiwand interface.
Wikiwand extension is a five stars, simple, with minimum permission required to keep your browsing private, safe and transparent.