3月26日

图片的img标签中alt和title属性的区别是什么?

作者:飞雨SEO  分类:网站建设  阅读:1,619 
《打造你的赚钱机器》、《手把手教你赚一百万》、《销售信样板》、《SEO赚钱方法大揭秘》、《心魔营销》、《洗脑术》下载方法:微信公众号【飞雨创业成长手册】,回复电子书,免费下载!

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

img的alt属性

此 属性的实质作用是图片在无法正确显示的时候起到文本替代的作用,不过在IE6下还起到了title的作用(鼠标放上去后的文字提示),IE的实现方法实际 上是错误的。如果想在鼠标滑过时显示提示,应该用title属性。由于错误的引导,很多初学者就在img标签内只加了alt属性。所以这里再次表扬一记 FF!

img的title 属性

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

所以,请初学者一定要记住Img标签的正确用法应该是下面这样:

1
<img src="图片路径" width="100" height="100"  alt="logo" title="首页" />

关注创业、电商、站长,扫描下面的微信二维码,和我一起探讨。

扫描添加兰州飞雨微信

转载请注明: 图片的img标签中alt和title属性的区别是什么? | 兰州飞雨SEO | http://www.feiyuseo.com/wangzhan-jichu/1008.html

图片的img标签中alt和title属性的区别是什么?:目前有8 条留言

  1. MMM注册官网发表于 2016年03月28日 上午11:06
    [回复]

    有帮助,谢谢楼主的分享

  2. 颜如玉美图发表于 2016年04月05日 下午7:54
    [回复]

    感谢站长分享!

  3. zengda发表于 2016年04月06日 上午11:35
    [回复]

    不错,不错,看看了!

  4. 977642627发表于 2016年04月08日 下午3:51
    [回复]

    博客多久更新一次?

  5. 595770464发表于 2016年04月14日 下午1:35
    [回复]

    我又来了,您高兴吗?!

    • 飞雨SEO发表于 2016年04月22日 下午6:42
      [回复]

      当然高兴,呵呵,欢迎多来看看,多多指导交流呀。

  6. 好文推荐发表于 2016年04月15日 下午12:38
    [回复]

    学习了

    • 飞雨SEO发表于 2016年04月22日 下午6:43
      [回复]

      欢迎本兰州飞雨的博客学习指导。

给我留言

快捷键:Ctrl+Enter