html中alt和title属性的用法和区别

╰半夏微凉° 2022-06-09 11:38 373阅读 0赞
  1. title: 为元素提供额外说明信息

例如,给超链接标签a添加了title属性,把鼠标移动到该链接上面是,就会显示title的内容,以达到补充说明或者提示的效果

  1. alt: 指定替换文字

只能用在img、area和input元素中(包括applet元素),用于网页中图片无法正常显示时给用户提供文字说明使其了解图像信息。根据一些SEO人士的说法,使用alt属性还具有搜索引擎优化效果,因为搜素引擎是无法直接读取图像的信息的,alt可以为其提供文字信息所以对搜索引擎比较友好

  1. title和alt同时使用时

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

发表评论

表情:
评论列表 (有 0 条评论,373人围观)

还没有评论,来说两句吧...

相关阅读

    相关 html input标签 alttitle 比较

    经常用到这两个属性,但是一直没有总结他们的区别。现在我对他们两个的用法做一下总结: 相同点:他们都会飘出一个小浮层,显示文本内容。 不同点: 1.alt只能是元素的属性,