现在的位置: 首页 > 网站建设 > 正文

IMG标签的ALT属性和TITLE属性的区别!

2015年08月23日 网站建设 ⁄ 共 426字 ⁄ 字号 暂无评论

 在的img标签有两个属性分别为alt和title,对于很多初学者而言对这两个属性的正确使用都还抱有迷惑,当然这其中一部分原因也是ie浏览器所导致的。正确的使用这两个属性除了可以提高图片的搜索能力外,在用户体验上也是很有帮助,下面就来说说alt和title的概念与正确使用。

  alt属性:

  此属性的实质作用是图片在无法正确显示的时候起到文本替代的作用,不过在IE6下还起到了title的作用(鼠标放上去后的文字提示),IE的实现方法实际上是错误的。如果想在鼠标滑过时显示提示,应该用title属性。在火狐浏览器里面鼠标划过图片就看不到alt属性。但是在IE浏览器就可以看出效果。

  title属性:

  鼠标滑过时显示的文字提示,用户体验上很重要。当然不必要所有的img标签都加此属性,比方说logo这样比较重要或者说用户会体验到的图片内容建议一定要加此属性。

  具体演示如下:<img src=/”图片路径”/index.html alt=”logo” title=”首页” />

给我留言