HTML img标签的alt属性是什么意思？HTML img标签的alt属性详解(2)-木庄网络博客

为什么HTML img标签要添加alt属性：

首先，先说明本人前端初级菜鸟一枚。今天在看教学视频的时候，老师说了一句，alt属性必须要添加。不明白原因，所以就在网上查了一下。想尝试着写博客，锻炼自己的总结能力，所以就写成博客啦！内容是我从不同的地方看到的，将alt属性的好处和SEO的含义写在一起，看起来更方便。

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

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

alt属性的实例：

alt是在图片不能正常加载时候显示的提示语，代码如下：

1	`<img` `src="eg_tulip.jpg"` `alt="上海鲜花港 - 郁金香"` `/>`

运行结果如下：

【小编推荐】

html P标签为什么不能嵌套div？还有关于html P标签的css样式的实例介绍

html表格中的th表头内容怎么居中？th表头标签align属性的具体介绍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者