img是什么意思这个名字?”这个问题,我一直在思考 。直到有一天,我发现了一个有趣的现象 。
HTML5学堂 - 码匠:img中alt与title有何不同?本文主要从表现在含义、浏览器中的表现以及对于网站seo优化程度三个方面进行辨析,接下来我们一起来看看 。
示例代码:<img src="http://www.dj120.cn/baike/post/h5course.jpg">
1、含义不同:img标签alt属性是当图片不存在时或加载失败时的替代文字(进行显示);img标签title属性是对图片的描述与进一步说明 。
2、在浏览器中的表现不同:在FF、chrome和IE8+中,当鼠标经过图片时title属性的值会显示,而alt属性的值不会显示;只有在IE6、IE7中,如果img标签没有写title属性,而写了alt属性的时候,alt属性值会进行显示;如果img写了title属性和alt属性的时候,只会显示title属性值 。
为img标签设置title属性和alt属性,在IE6、IE7显示如下图
【手机照片img是什么意思 img是什么意思】
文章插图
img中alt与title辨析 | 码匠
为img标签不设置title属性,但设置了alt属性,在IE6、IE7显示如下图
文章插图
img中alt与title辨析 | 码匠
3、对于网站SEO优化来说:搜索引擎对图片意思的判断,主要靠alt属性 。所以在图片alt属性中以简要文字说明,同时包含关键词,也是页面优化的一部分 。条件允许的话,可以在title属性里,进一步对图片说明 。
网站推荐:https://weixin.mj216.com/
文章插图
HTML5学堂(码匠) - https://weixin.mj216.com/
推荐阅读
- wii和wiiu区别_wii和wiiu哪个值得买
- 公斤和千克不是一样的意思吗?
- 立冬下雪吗
- 阿富汗犬国内没有喂养的吗?为什么?
- 你知道的职场黑话有哪些?
- 电脑删文件时不出现确认框要怎么解决
- 未来20年,做什么行业能长期稳定赚钱?
- 哪有卖阿富汗犬的?
- 王者荣耀有哪些术语,都是怎么解释的?