HTML <area> 标签实例
带有可点击区域的图像映射：
<img src="/images/2021/07/13/07/2021071307460811933001.gif" width="145" height="126" alt="Planets"
usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="https://zhishitu.com/" alt="Sun">
<area shape="circle" coords="90,58,3" href="https://zhishitu.com/" alt="Mercury">
<area shape="circle" coords="124,58,8" href="https://zhishitu.com/" alt="Venus">
</map>
usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="https://zhishitu.com/" alt="Sun">
<area shape="circle" coords="90,58,3" href="https://zhishitu.com/" alt="Mercury">
<area shape="circle" coords="124,58,8" href="https://zhishitu.com/" alt="Venus">
</map>
知识兔 »
浏览器支持
所有主流浏览器都支持 alt 属性。
定义和用法
alt 属性是一个必需的属性，它规定在图像无法显示时的替代文本。
假设由于下列原因用户无法查看图像，alt 属性可以为图像提供替代的信息：
- 网速太慢
- src 属性中的错误
- 浏览器禁用图像
- 用户使用的是屏幕阅读器
如果使用 href 属性 alt 属性是需要的。
HTML 4.01 与 HTML5之间的差异
在 HTML 4.01 中 alt 属性是必须的。
在 HTML5 中, 只用使用了href 属性 alt 属性才是需要的。如果没有使用href属性，alt属性也不需要使用。
语法
<area alt="text">
属性值
| 值 | 描述 |
|---|---|
| text | 在图片无法显示的情况下指定区域的替代文本。 |