title与alt的区别

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属性有一个很好的用途，即为链接添加描述性文字，特别是当连接本身并不是十分清楚的表达了链接的目的。

这样就使得访问者知道那些链接将会带他们 到什么地方，他们就不会加载一个可能完全不感兴趣的页面。

另外一个潜在的应用就是为图像提供额外的说明信息，比如日期或者其他非本质的信息。