前端开发练习:选择题：元素的alt和title的区别？

    alt属性是在你的图片因为某种原因不能加载时在页面显示的提示信息，它会直接输出在原本加载图片的地方，而title属性是在你鼠标悬停在该图片上时显示一个小提示，鼠标离开就没有了，有点类似jQuery的hover，你可以自己试试，另外，HTML的绝大多数标签都支持title属性，title属性就是专门做提示信息的。

相同点：他们都会飘出一个小浮层，显示文本内容。

不同点;

        1.alt只能是元素的属性，而title即可以是元素的属性也可以是标签，例如:<title>标题</title>。
2.alt属性则是用来指定替换文字，只能用在img、area和input元素中（包括applet元素），用于网页中图片无法正常显示时给用户提供文字说明使其了解图像信息。注意，alt是替代图像作用而不是提供额外说明文字的。根据一些SEO人士的说法，使用alt属性还具有搜索引擎优化效果，因为搜素引擎是无法直接读取图像的信息的，alt可以为其提供文字信息所以对搜索引擎比较友好。
而title可以用在任何元素上，把鼠标移动到元素上面，就会显示title的内容，以达到补充说明或者提示的效果。
but，通常人们容易搞错的是title和alt这两个属性同时用于img标签的时候。在旧版本的IE浏览器中，鼠标经过图像时显示的提示文字是alt的内容，而忽略了title属性，这个曾经误导了很多人。因此，如果想在IE中显示title的内容，要么title属性和alt一致，要么alt内容为空（“”，空格也不能有）。不过，在新版的IE（IE8及以上）中，已不会出现这种情况了。
另外，当a标签内嵌套img标签时，起作用的是img的title属性。

一、是什么? 本质

alt: 为不能显示图像、窗体或applets的用户代理指定 备用文本。（备用文本的语言由lang指定）      title: 该属性为元素提供 相应的 额外的 参考信息。二、为什么存在：

alt: 一些非文本元素（IMG, AREA, APPLET, and INPUT）允许作者通过指定 备用文本 来描述元素 内容，避免元素非正常渲染时不可读。指定元素的 备用文本 是为了给那些不能看到你文档中图像的浏览者提供文字说明。这包括那些没有图形显示终端的用户；不支持图像显示、图像显示受损或被关闭的浏览器用户；视觉障碍依靠屏幕阅读器的用户。title: title属性的值可能被用户代理以各种不同的方式来呈现。举个例子，可视化的浏览器常常将其呈现为 "tool tip"。音频用户代理则会在相同上下文中朗读title中的信息，例如，设置 link 元素的的title属性来使用户代理（可视化的或不可视化的）告诉用户对应的链接资源的性质。三、用在哪里     alt：IMG 和 AREA 元素的 alt 属性必须被指定，INPUT 和 APPLET 元素的 alt 属性是可选的。alt 的注意点：[list][*]Do not specify irrelevant alternate text when including images intended toformat a page, for instance, alt="red ball" would beinappropriate for an image that adds a red ball for decorating a heading orparagraph. In such cases, the alternate text should be the empty string ("").Authors are in any case advised to avoid using images to format pages; stylesheets should be used instead.[*]Do not specify meaningless alternate text (e.g., "dummy text"). Not onlywill this frustrate users, it will slow down user agents that must convert textto speech or braille output.[/list]      title : 大部分用于那些不能自我释义的链接上，有时候也为一些按钮或表单元素提供额外的说明文字。

另外，由于搜索引擎无法抓取图片（非SVG）中的内容，所以爬虫只能通过 alt 的值来判断图片内容。指定 IMG 上的 alt属性 有利于SEO。

前端开发练习:选择题：元素的alt和title的区别？相关推荐

[html] 元素的alt和title有什么区别？
[html] 元素的alt和title有什么区别? ALT 属性最常见用在 <img> 标签上,那我们先来看下 <img> 标签的 alt 属性.alt 属性是一个必需的属性, ...
【HTML】元素的 alt 和 title 有什么区别？
概述这道题大概还可以加个限定词,我们暂且把 <title> 标签排除在本次讨论之外. 元素的 alt 和 title 属性有什么区别? ALT 属性最常见用在 <img> ...
alt与title的区别(img属性)
img – alt与title的区别: 1.alt 属性指定了替代文本,用于在图像无法显示或者用户禁用图像显示时,代替图像显示在浏览器中的内容. 2.title属性,当配置后鼠标挪动该图片上时显现ti ...
图片标签img中alt与title的区别
可能很多新手在做站内优化的时候,不明白图片标签img中alt与title的区别,今天sem学院就单独为大家整理分享一下其中的区别. 大家可以一起动手来做测试:把以下代码保存的文本中,命名为.html结 ...
元素的alt和title有什么区别？
ALT 属性最常见用在 <img> 标签上,那我们先来看下 <img> 标签的 alt 属性 alt 属性是一个必需的属性,它规定在图像无法显示时的替代文本假设由于下列原因 ...
alt和title的区别与用法
alt和title的是我们工作中经常用到这两个属性,但是一直没有总结他们的区别.现在就对他们两个的用法做一下总结. 相同点:他们都会飘出一个小浮层,显示文本内容. 不同点: 1.alt只能是元素的属性 ...
alt 和 title 的区别
alt 和 title 是两个常用的属性,alt定义元素的替换文本,title定义元素的提示文本. 当图片无法显示的时候,必须准备替换的文本来替换无法显示的图片,给用户提供文字说明,使得用户了解图像信 ...
im标签中 alt和title的区别
这个题在前端笔试题中不止一次遇到了,这是一定要记下来一)二者皆有 <img src="http://img.mukewang.com/52da54ed0001ecfa04120172 ...
1+x web前端开发初级选择题整理（html+css+jquery）
1.JavaScript 函数中,哪个语句可以返回值() [单选题] A.go B.exit C.return(正确答案) D.continue 2.下面哪些不属于按功能划分的常用运算符() [单选题 ...

前端开发练习:选择题：元素的alt和title的区别？

前端开发练习:选择题：元素的alt和title的区别？相关推荐

最新文章

热门文章