首先，让我们看看img标签的alt属性意味着什么。

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

假设用户由于以下原因无法查看图像，alt属性可以为图像提供替代信息：

速度太慢了。

src属性中的错误

浏览器禁用图像

用户正在使用屏幕阅读器

img标签的alt属性指定替代文本，当图像无法显示或用户禁用图像显示时，该文本用于替换浏览器中显示的图像内容。

我们强烈建议您在文档的每个图像中使用该属性。这样，即使图像无法显示，用户仍然可以看到一些关于缺少什么的信息。而对于残疾人来说，alt属性通常是他们理解图像内容的途径。

注意：alt属性值是一个最多可以包含1024个字符的字符串，包括空格和标点符号。该字符串必须用引号括起来。此替代文本可以包含对特殊字符的实体引用，但不允许包含其他类别的标签，尤其是任何样式标签。

注意：当用户将鼠标移动到img元素上时，InternetExplorer将显示alt属性值。这种行为是不正确的。所有其他浏览器都在向标准靠拢，只有当图像无法显示时，才会显示替代文本。

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

HTMLimg标记的alt属性示例：

带有替代文本的图像：

img src=' img _ logo . gif ' alt=' www . PHP . cn '/

HTMLimg标记的alt属性的语法：

imgalt='text'/

HTMLimg标记的alt属性的属性：

tuyi.png

为什么HTMLimg标记要添加alt属性：

首先我来解释一下一个前端新手。今天看教学视频的时候，老师说alt属性一定要加。我不明白原因，就上网查了一下。我想尝试写一篇博客，锻炼自己的总结能力，所以写了一篇博客！从不同地方看到的内容。把alt属性的好处和SEO的意义写在一起更方便。

SEO:搜索引擎优化的简称，是指网站通过一系列有利于用户体验的优化操作，符合搜索引擎的算法排序原则，使其网站在搜索引擎的搜索结果中获得较好的排名，“图片中无alt信息的img标签”将被扣分更多。

网站给图片添加alt有利于SEO优化，使网站符合搜索引擎的算法排序原则，在搜索引擎的搜索结果中获得良好的排名。Alt属性是图片简介，尽量包含网站的关键词。当用户加载网页有困难时，alt标签可以帮助他们理解图片的内容，更有利于用户体验。因此，有必要在图片标签中添加alt属性。

alt属性的示例：

Alt是图片无法正常加载时显示的提示，代码如下：

Imgsrc='eg_tulip.jpg'alt='上海花港-郁金香'/

本文转载自中文网站