图像的替代
实例
<网页>
<主体>
<图像 资源地址=“https://www.w3school.com.cn/i/eg_tulip.jpg“ 替代=“上海鲜花港 - 郁金香" />
</主体>
</网页>
定义和用法
替代 属性是一个必需的属性，它规定在图像无法显示时的替代文本。
假设由于下列原因用户无法查看图像，替代 属性可以为图像提供替代的信息：
- 网速太慢
- 资源地址 属性中的错误
- 浏览器禁用图像
- 用户使用的是屏幕阅读器
<图像> 标签的 替代 属性指定了替代文本，用于在图像无法显示或者用户禁用图像显示时，代替图像显示在浏览器中的内容。
我们强烈推荐您在文档的每个图像中都使用这个属性。这样即使图像无法显示，用户还是可以看到关于丢失了什么东西的一些信息。而且对于残疾人来说，替代 属性通常是他们了解图像内容的唯一方式。
提示和注释：
注释：替代 属性的值是一个最多可以包含 1024 个字符的字符串，其中包括空格和标点。这个字符串必须包含在引号中。这段 替代 文本中可以包含对特殊字符的实体引用，但它不允许包含其他类别的标记，尤其是不允许有任何样式标签。
注释：当用户把鼠标移动到 图像 元素上时，Internet Explorer 浏览器会显示出 替代 属性的值。这种行为并不正确。所有其他的浏览器正在向规范靠拢，只要当图像无法显示时，才会显示出替代文本。
提示：如果需要为图像创建工具提示，请使用 网页标题 属性。
语法
<超链接 替代="值">
属性值
| 值 | 描述 |
|---|---|
| 文本 |
规定图像的替代文本 替代 文本的使用原则：
|
实例
- <图像> 标签的 替代 属性
- 本例演示如何为图片显示替换文本。在浏览器无法载入图像时，替换文本属性告诉读者他们失去的信息。为页面上的图像都加上替换文本属性是个好习惯。
<网页>
<主体>
<段落>仅支持文本的浏览器无法显示图像，仅仅能够显示在图像的 “替代“ 属性中指定的文本。在这里，"替代“ 的文本是“向左转“。</段落>
<段落>请注意，如果您把鼠标指针移动到图像上，大多数浏览器会显示 “替代“ 文本。</段落>
<图像 资源地址=“https://www.w3school.com.cn/i/eg_goleft.gif“ 替代=“向左转“ />
<段落>如果无法显示图像，将显示 “替代“ 属性中的文本：</段落>
<图像 资源地址=“https://www.w3school.com.cn/i/eg_goleft123.gif“ 替代=“向左转“ />
</主体>
</网页>
浙公网安备 33010602011771号