HTML 5 <img> alt 属性

实例

带有替代文本的图像:

<img src="img_logo.gif" alt="教程之家.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=""