zoukankan      html  css  js  c++  java
  • 【转】title与alt的区别

    html中的title属性和alt属性让人有些混淆。

           以前不知道有title这个属性,第一次用到它时,就和alt产生了混淆。一位朋友告诉我说,alt是图片img标签里用的,title是超链接里用的,当时想可能是这样的吧,后来知道这是很不严谨的,alt是图片img标签里用的没错,可是你在img标签里使用title属性,结果一样可以出现效果。

           在记事本中分别写三条语句,保存成html进行测试:

           <img src="D:Documents我的文档图片收藏2-02.gif" alt="这是我校的logo"   />

           <img src="D:Documents我的文档图片收藏2-02.gif" alt="这是我校的logo" title="大家好" />

           <img src="#" alt="这是我校的logo" title="大家好" />

           结果:

           第一条语句在ie中输出图像,鼠标放到图像上,会出现“这是我校的logo”,即图像正常显示时,没有title的情况下,显示alt内容。

           第二条语句在ie中输出图像,鼠标放到图像上,只出现“大家好”,即有alt和title,只会显示title。

           第三条语句在ie中输出图像,ie找不到图像,但是“这是我校的logo”几个字出现在了图像位置。同时,鼠标放到图像位置区,会出现title内容“大家好”的提示。

           为了表述得更明白,我从网上找到了一些有用的资料,摘其精要:

           alt属性的功能是不能显示图像信息时候的替换文字(即在图片显示的位置上显示文字,说明这个图片的要显示的内容)。Alt属性值的长度必须少于100个英文字符。

           title属性可以用在除了base,basefont,head,html,meta,param,script和title之外的所有标签。

           title属性的功能是提示。额外的说明信息和非本质的信息请使用title属性。title属性值可以比alt属性值设置的更长。

           title属性有一个很好的用途,即为链接添加描述性文字,特别是当连接本身并不是十分清楚的表达了链接的目的。这样就使得访问者知道那些链接将会带他们到什么地方,他们就不会加载一个可能完全不感兴趣的页面。另外一个潜在的应用就是为图像提供额外的说明信息,比如日期或者其他非本质的信息。

  • 相关阅读:
    Nginx负载均衡+代理+ssl+压力测试
    Nginx配置文件详解
    HDU ACM 1690 Bus System (SPFA)
    HDU ACM 1224 Free DIY Tour (SPFA)
    HDU ACM 1869 六度分离(Floyd)
    HDU ACM 2066 一个人的旅行
    HDU ACM 3790 最短路径问题
    HDU ACM 1879 继续畅通工程
    HDU ACM 1856 More is better(并查集)
    HDU ACM 1325 / POJ 1308 Is It A Tree?
  • 原文地址:https://www.cnblogs.com/myjszone/p/3345896.html
Copyright © 2011-2022 走看看