欢迎光临!中国网页设计提供最新的免费网页制作教程,网页设计技术,HTML5+DIV3...中国站长必上的网站。
加入收藏设为首页广告合作
您当前位置:网站首页 >> 网页制作 >> HTML/HTML5 >> 图片title和alt的区别
  • 网页配色
  • 网页布局
  • 设计欣赏
  • 网页设计理论
  • HTML/HTML5
  • CSS
  • Javascript
  • Dreamweaver
  • FLASH
  • 图片title和alt的区别

    来源:中国网页设计 浏览:120

    内容提要:图片的title和alt属性是初学者容易混淆的。中国网页设计给大家介绍下title和alt属性的用法及区别

    图片的title和alt属性是初学者容易混淆的。中国网页设计给大家介绍下title和alt属性的用法及区别

    一、图片的alt属性

    1、alt属性是考虑到不支持图像显示或者图像显示被关闭的浏览器的用户,当图片不显示的时候,图片的替换文字。


    2、alt属性值得长度必须少于100个英文字符


    3、没有特别意义的图片,可以写alt=""


    4、alt属性是搜索引擎判断图片与文字是否相关的重要依据,alt属性添加到img主要的目的才是为了SEO

    二、img标签title属性

    1、title属性并不是必须的。


    2、title属性规定元素的额外信息,有视觉效果,当鼠标放到文字或是图片上时有文字显示。


    3、title属性更多倾向于用户体验的考虑。

    title和alt用法:

       <p Title="给链接文字提示">文字</p>

       <a href="#" Title="给链接文字提示">文字</a>

       <img src="图片.gif" alt="给图片提示">

    title和alt的区别

    alt属性还具有搜索引擎优化效果,因为搜素引擎是无法直接读取图像的信息的,alt可以为其提供文字信息所以对搜索引擎比较友好。

    而title可以用在任何元素上,把鼠标移动到元素上面,就会显示title的内容,以达到补充说明或者提示的效果。

    在<image>标签中,alt属性的性质是通过文字代替图片内容,而title属性的性质是关于图片的注释语言。

    发表评论 共有0人对本文发表评论
    网名:
    评论:
    验证:
    (网友评论仅供表达个人看法,并不表明本站同意其观点或证实其描述)
    联系我们 - 网站调查 - 免责声明 - 站长简介 - 站点综合查询 - 课件习题 - 友情链接 - 站长统计