HTML 5 <img> alt 属性

w3school 在线教程

## HTML5 教程

- HTML5 教程
- HTML5 简介
- HTML5 视频
- HTML5 视频/DOM
- HTML5 音频
- HTML5 拖放
- HTML5 画布
- HTML5 SVG
- HTML5 画布 vs SVG
- HTML5 地理定位
- HTML5 Web 存储
- HTML5 应用缓存
- HTML5 Web Workers
- HTML5 服务器发送事件

## HTML5 表单

- HTML5 输入类型
- HTML5 表单元素
- HTML5 表单属性

## HTML5 测验

- HTML5 测验

## HTML5 参考手册

- HTML5 标签
- HTML5 属性
- HTML5 事件
- HTML5 视频/音频
- HTML5 画布
- HTML 有效 DTD

# HTML 5 <img> alt 属性

HTML 5 <img> 标签

## 实例

带有替代文本的图像：

    <img src="img_logo.gif" alt="W3School.com.cn" />

亲自试一试

## 定义和用法

必需的 alt 属性规定图像的替代文本，如果该图像无法显示。

当用户无法查看图像时（可能由于网速太慢、错误的 src 属性、或者用户使用的是屏幕阅读器），alt 属性为图像提供了替代的文本。

注释：当鼠标在图像上悬停时，Internet Explorer （版本 9 之前) 会把 alt 属性的值显示为工具提示。根据 HTML 规范，这不是正确的做法。

提示：如需创建图像的工具提示，请使用 title 属性！

## HTML 4.01 与 HTML 5 之间的差异

无差别。

## 语法

    <img alt="text" />

### 属性值

值 | 描述
--- | ---

text

规定图像的替代文本。

关于 alt 文本的指导原则：

- 如果图像中包含信息，则 alt 文本应该对图像进行描述
- 如果图像位于 <a> 元素中，则 alt 文本应该解释链接指向哪里
- 如果图像是纯装饰性的，请使用 alt=""

HTML 5 <img> 标签