HTML: <area> alt 属性

由网友 大卫 发布 阅读 6

HTML: <area> alt 属性

如果无法显示图像,则alt属性指定区域的替代文本。如果用户由于某种原因无法查看图像(由于连接速度慢,src属性错误或用户使用屏幕阅读器),则alt属性为图像提供替代信息。

HTML <area> 标签

在线示例

带有可点击区域的图像映射:

<!DOCTYPE html>
<html>
<title>HTML:<area> alt 属性 - 大卫编程网 div.cn</title>
<body>
<p>单击太阳或其中一个行星以近距离观察它</p>
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
  <map 
      name="planetmap">
  <area shape="rect" coords="0,0,82,126" href="/tags/sun.html" alt="Sun">
  <area shape="circle" coords="90,58,3" href="/tags/mercur.html" alt="Mercury">
  <area shape="circle" coords="124,58,8" href="/tags/venus.html" alt="Venus">
  </map>  
</body>
</html>
测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

所有主流浏览器都支持 alt 属性。

定义和用法

如果无法显示图像,则alt属性指定区域的替代文本。
如果用户由于某种原因无法查看图像(由于连接速度慢,src属性错误或用户使用屏幕阅读器),则alt属性为图像提供替代信息。
如果存在href属性,则alt属性是必需的。

HTML 4.01 与 HTML5之间的差异

在HTML 4.01中,alt属性是必需的。
在HTML5中,只有存在href属性时才需要alt属性。如果href属性不存在,则不应使用alt属性。

语法

<area alt="text">

属性值

描述
text在图片无法显示的情况下指定区域的替代文本。

HTML <area> 标签

HTML: <area> hreflang 属性 HTML: <audio> src 属性