HTML 参考手册

HTML 标签大全

HTML: <img> alt 属性

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

 HTML <img> 标签

在线示例

指定了备用文本的图像:

<!DOCTYPE html>
<html>
<head>
<title>HTML:<img> alt 属性 - 菜鸟教程 (cainiaoplus.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> 标签