img标签中alt属性与title属性
发布日期:2021-05-08 00:22:52 浏览次数:25 分类:原创文章

本文共 486 字,大约阅读时间需要 1 分钟。

img标签中alt属性与title属性



alt属性
1、alt属性是考虑到不支持图像显示或者图像显示被关闭的浏览器的用户,以及视觉障碍的用户和使用屏幕阅读器的用户。当图片不显示的时候,图片的替换文字。
2、alt属性值得长度必须少于100个英文字符
3、alt属性是img标签的必须属性,如果没有特别意义的图片,可以写alt=""
4、alt属性是搜索引擎判断图片与文字是否相关的重要依据,alt属性添加到img主要的目的才是为了SEO




title属性
1、title属性并不是必须的。
2、title属性规定元素的额外信息,有视觉效果,当鼠标放到文字或是图片上时有文字显示。
3、title属性并不作为搜索引擎抓取图片的参考,更多倾向于用户体验的考虑。




ie和firefox下展示
1、在ie下,没有title时,alt 有title属性的作用
2、在ie下,同时存在title,alt属性时,鼠标滑过的优先显示级别,title要高于alt
3、IE浏览器给了大家一个误导,在IE中ALT会变成title属性的文字提示是因为IE不标准。这一点Firefox做的就比较好。


上一篇:前端常用知识随手记
下一篇:vue聊天功能模块(十三)视频预览

发表评论

最新留言

第一次来,支持一个
[***.219.124.196]2025年03月29日 11时50分27秒