img标签的alt属性

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

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

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

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

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

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

3. 提供文字描述给搜索引擎使用,搜索引擎会将图片的文字描述和搜索条件进行匹配,主要用于seo。

 这里边涉及到百度等各大搜索引擎的搜索算法。

4. 用户在浏览器中设置关闭图片浏览功能,这时alt作为描述性文本就能在用户不浏览图片的情况下,尽量为用户提供信息。

    有些地区的流量费用超级贵,为了节省流量。

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

保证我们开发的网站能被更多的人看到,在不花钱买排名的情况下搜索引擎中的排名尽量靠前。

要是将文字和图片非要整合成一张图片的话也没有什么问题,尽量将描述性文字放在alt属性中。

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

以前有过seo规范,其实是为了避免恶意竞争。这里边的度需要自己去掌握。

 这里边的内容主要是摘自MDN。

猜你喜欢

转载自www.cnblogs.com/FElxy/p/11888743.html
今日推荐