img标签的alt属性

<img> 标签下的alt属性的具体用处。

<img>标签中加载的图片最好是具有语义化的意义。

如果仅仅是用于装饰，只需要将图片用css的background进行描述就可以了。

<img>标签中的alt属性其实就是当前图片的描述性文本。

1. 用户有视力障碍，必须通过屏幕阅读器来浏览网页。alt属性中的内容会被当做图片的描述通过阅读器展现给视障患者。

2. 当前浏览器不支持该图片类型，图片显示不出来的时候，alt就派上用场了。

3. 提供文字描述给搜索引擎使用，搜索引擎会将图片的文字描述和搜索条件进行匹配，主要用于seo。这里边涉及到百度等各大搜索引擎的搜索算法。

4. 用户在浏览器中设置关闭图片浏览功能，这时alt作为描述性文本就能在用户不浏览图片的情况下，尽量为用户提供信息。有些地区的流量费用超级贵，为了节省流量。

我们在进行前端开发的时候，尽量不要将文字和图片整合在一起。文字主要是为了给搜索引擎看，也就是为了seo。

保证我们开发的网站即使不花钱买排名也能被更多的人看到，提高网站在搜索引擎中的排名。

要是将文字和图片非要整合在一起的话也没有什么问题，希望大家尽量将描述性文字放在alt属性中。

如果关于图片的内容已经放在了文本中，为了避免过度seo这时alt属性可以设置为空。

为了避免恶意竞争有过seo规范，有兴趣的同学可以自己查阅相关资料。这里边的度需要自己去掌握。

以上内容主要摘自MDN。