编辑这个页面须要登录或更高权限！

HTML: <img> alt 属性

如果用户由于某种原因无法查看图像（由于连接速度慢，src属性错误或用户使用屏幕阅读器），则alt属性为图像提供替代信息。如果无法显示图像，则必需使用alt属性指定图像的备用文本。

 HTML <img> 标签

在线示例

指定了备用文本的图像：

<!DOCTYPE html>
<html>
<head>
<title>HTML:<img> alt 属性 - 菜鸟教程 (cainiaojc.com)</title>
<body>
<img src="haha-no.gif" alt="haha face" width="42" height="42">
</body>
</html>
测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

所有主流浏览器都支持 alt 属性。

定义和用法

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

如果无法显示图像，则必需使用alt属性指定图像的备用文本。

如果用户由于某种原因无法查看图像（由于连接速度慢，src属性错误或用户使用屏幕阅读器），则alt属性为图像提供替代信息。

注意：当用户把鼠标移动到 img 元素上时，Internet Explorer （9 之前的版本）把 alt 属性的值显示为工具提示。根据 HTML 规范，这种行为并不正确。

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

HTML 4.01 与 HTML5之间的差异

没有。

语法

<img alt="text">

属性值

值描述
text指定图像的替代文本。

alt 文本的使用原则：

  • 如果图像包含信息，使用 alt 描述图像

  • 如果图像在 <a> 元素中，使用 alt 描述目标链接

  • 如果图像仅供装饰，请使用 alt=""

 HTML <img> 标签
HTML: <template> 标签

HTML 参考手册
HTML 标签大全