区域的替代

---

实例

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

<网页>
<主体>
<段落>请点击图像上的星球，把它们放大。</段落>
<图像
资源地址=“https://www.w3school.com.cn/i/eg_planets.jpg“
边框=“0“ 客户端映射=“#星际地图“
替代=“星际“ />
<地图 名字=“星际地图“ 标识=“星际地图“>
<区域
形状=“圆形“
坐标=“180,139,14“
超引用=“https://www.w3school.com.cn/example/html/venus.html“
目标=“本窗口“
替代=“venus“ />
<区域
形状=“圆形“
坐标=“129,161,10“
超引用=“https://www.w3school.com.cn/example/html/mercur.html“
目标=“本窗口“
替代=“mercury“ />
<区域
形状=“矩形“
坐标=“0,0,110,260“
超引用=“https://www.w3school.com.cn/example/html/sun.html“
目标=“本窗口“
替代=“太阳“ />
</地图>
<段落><粗体>注释：</粗体>图像 元素中的 “客户端映射“ 属性引用 地图 元素中的 “标识“ 或 “名字“ 属性（根据浏览器），所以我们同时向 地图 元素添加了 “标识“ 和 “名字“ 属性。</段落>
</主体>
</网页>

---

 

定义和用法

 

替代 属性是一个必需的属性，它规定在图像无法显示时的替代文本。

 

假设由于下列原因用户无法查看图像，替代  属性可以为图像提供替代的信息：

 

• 网速太慢
• 资源地址 属性中的错误
• 浏览器禁用图像
• 用户使用的是屏幕阅读器

 

<区域> 标签的 替代 属性指定了替代文本，用于在图像无法显示或者用户禁用图像显示时，代替图像显示在浏览器中的内容。

 

我们强烈推荐您在文档的每个图像中都使用这个属性。这样即使图像无法显示，用户还是可以看到关于丢失了什么东西的一些信息。而且对于残疾人来说，替代 属性通常是他们了解图像内容的唯一方式。

---

浏览器支持

所有主流浏览器支持 替代 属性的方式有所不同。

---

语法

<区域 替代="值">

属性值

值	描述
文本	区域的替代文本。

---

---