美文网首页
alt与title的区别

alt与title的区别

作者: 郭子林 | 来源:发表于2016-04-07 14:13 被阅读657次

    首先,alt是html标签的属性,而title既是html标签,又是html属性。

    title标签,网页的标题就是写在这对标签之内的。 

    title作为属性时,可以为元素提供额外说明信息。例如,给超链接标签a添加了title属性,把鼠标移动到该链接上面是,就会显示title的内容,以达到补充说明或者提示的效果。

    鼠标移上去显示提示信息

    而alt属性只能用在img、area和input元素中,用于网页中图片无法正常显示时给用户提供文字说明使其了解图像信息。alt是替代图像作用而不是提供额外说明文字的。

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

    通常人们容易搞错的是title和alt这两个属性同时用于img标签的时候。在旧版本的IE浏览器中,鼠标经过图像时显示的提示文字是alt的内容,而忽略了title属性,这个曾经误导了很多人。因此,如果想在IE中显示title的内容,要么title属性和alt一致,要么alt内容为空(“”,空格也不能有)。不过,在新版的IE(IE8及以上)中,已不会出现这种情况了。

    另外,当a标签内嵌套img标签时,起作用的是img的title属性。

    相关文章

      网友评论

          本文标题:alt与title的区别

          本文链接:https://www.haomeiwen.com/subject/bzgmlttx.html