首页 > 代码库 > 图片标签img中alt与title的区别
图片标签img中alt与title的区别
大家可以来做测试：把以下代码保存的文本中，命名为*.html结尾的文件，然后分别用不同浏览器打开。
代码：
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”> <head><title>图片标签img中alt与title的区别</title></head>
<body> <img src=http://www.mamicode.com/”图片的正确地址” title=”title正确图片” >
<img%20src=http://www.mamicode.com/”图片的错误地址”%20title=”title错误图片”%20>%20
</body>%20</html>
从以上三组图中我们可以看出alt与title的不同：
1、含义不同
alt是当图片不存在时的替代文字;title是对图片的描述与进一步说明
2、在浏览器中的表现不同
在firefox和ie8中，当鼠标经过图片时title值会显示，而alt的值不会显示;只有在ie6中，当鼠标经过图片时title和alt的值都会显示。
对于网站seo优化来说，title与alt还有最重要的一点：
搜索引擎对图片意思的判断，主要靠alt属性。所以在图片alt属性中以简要文字说明，同时包含关键词，也是页面优化的一部分。条件允许的话，可以在title属性里，进一步对图片说明。
图片标签img中alt与title的区别
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。