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> 标签