美文网首页
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的区别

    首先,alt是html标签的属性,而title既是html标签,又是html属性。 title标签,网页的标题就是...

  • title 和 alt有什么区别?

    title与alt的区别: alt属性:为不能显示图像、窗体或applets的用户代理(UA),alt属性用来指定...

  • css 标签上 title 和 alt 的区别

    内容title/alt: css 标签上 title 和 alt 的区别 1. alt 是给搜索引擎识别, 在图像...

  • HTML总结

    标签(空格分隔): 面试准备 [TOC] 2.1、标签上title属性与alt属性的区别是什么? alt...

  • alt和title的区别

    1. alt是html标签的属性,而title既是html标签,又是html属性 2.title: title作为...

  • html中——alt与title的区别

    概念: 首先明确一下概念,alt是html标签的属性,而title既是html标签,又是html属性。 title...

  • test two

    1. 上标签的title属性与alt属性的区别 答:alt属性,图片如果没有正确加载出来,则会显示alt的值。看下...

  • 前端基础面试题

    1、 的title 和alt 有什么区别 alt属性和title属性相同点: 它们都会出现浮层,显示自己...

  • 2019-04-28 大一测试

    标签上title属性与alt属性的区别是什么? 简述一下src与href的区别 请列举几种可以清除浮动的方法(至少...

  • 实验室检测二

    1、 标签上title属性与alt属性的区别是什么?2、简述一下src与href的区别3、请列举几种可以清除浮动的...

网友评论

      本文标题:alt与title的区别

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