在的img标签有两个属性分别为alt和title，对于很多初学者而言对这两个属性的正确使用都还抱有迷惑，当然这其中一部分原因也是ie浏览器所导致的。正确的使用这两个属性除了可以提高图片的搜索能力外，在用户体验上也是很有帮助，下面就来说说alt和title的概念与正确使用。
alt
此属性的实质作用是图片在无法正确显示的时候起到文本替代的作用,不过在IE6下还起到了title的作用（鼠标放上去后的文字提示），IE的实现方法实际上是错误的。如果想在鼠标滑过时显示提示,应该用title属性。由于错误的引导，很多初学者就在img标签内只加了alt属性。所以这里再次表扬一记FF！
title
鼠标滑过时显示的文字提示，用户体验上很重要。当然不必要所有的img标签都加此属性，比方说logo这样比较重要或者说用户会体验到的图片内容建议一定要加此属性。
0
0
img标签中alt和title属性的正确使用_经验交流
php中文网
发布时间：2016-05-16 12:06:23
|3002人浏览过
|来源于php中文网
原创
相关文章
css 图片边距撑开父元素怎么办_display block 与 max-width 控制
css 想让图片在悬停时有阴影怎么办_使用 css bootstrap shadow hover 类
css img 图片是否遵循盒模型_图片尺寸与边距行为解析
css 想让图片在悬停时渐变旋转怎么办_利用 transform 过渡属性实现动画
css 伪元素与图片装饰_通过 ::before 和 ::after 给图片添加装饰性元素
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
