- <img>
- 标签下的 alt 属性的具体用处.
- <img>
- 标签中加载的图片最好是具有语义化的意义.
如果仅仅是用于装饰, 只需要将图片用 CSS 的 background 进行描述就可以了.
<img > 标签中的 alt 属性其实就是当前图片的描述性文本.
1. 用户有视力障碍, 必须通过屏幕阅读器来浏览网页. alt 属性中的内容会被当做图片的描述通过阅读器展现给视障患者.
2. 当前浏览器不支持该图片类型, 图片显示不出来的时候, alt 就派上用场了.
3. 提供文字描述给搜索引擎使用, 搜索引擎会将图片的文字描述和搜索条件进行匹配, 主要用于 seo.
这里边涉及到百度等各大搜索引擎的搜索算法.
4. 用户在浏览器中设置关闭图片浏览功能, 这时 alt 作为描述性文本就能在用户不浏览图片的情况下, 尽量为用户提供信息.
有些地区的流量费用超级贵, 为了节省流量.
我们在进行前端开发的时候, 尽量不要将文字和图片整合在一起, 因为文字主要是为了给搜索引擎看, 主要是为了 seo.
保证我们开发的网站能被更多的人看到, 在不花钱买排名的情况下搜索引擎中的排名尽量靠前.
要是将文字和图片非要整合成一张图片的话也没有什么问题, 尽量将描述性文字放在 alt 属性中.
如果关于图片的内容已经放在了文本中, 这是 alt 属性可以设置为空. 这样其实是为了避免过度 seo.
以前有过 seo 规范, 其实是为了避免恶意竞争. 这里边的度需要自己去掌握.
这里边的内容主要是摘自 MDN.
来源: http://www.bubuko.com/infodetail-3294688.html