html中alt和title属性的用法和区别
2017-09-05 09:32
841 查看
1. title: 为元素提供额外说明信息
例如,给超链接标签a添加了title属性,把鼠标移动到该链接上面是,就会显示title的内容,以达到补充说明或者提示的效果。
2. alt: 指定替换文字
只能用在img、area和input元素中(包括applet元素),用于网页中图片无法正常显示时给用户提供文字说明使其了解图像信息。根据一些SEO人士的说法,使用alt属性还具有搜索引擎优化效果,因为搜素引擎是无法直接读取图像的信息的,alt可以为其提供文字信息所以对搜索引擎比较友好。
3. title和alt同时使用时
在旧版本的IE浏览器中,鼠标经过图像时显示的提示文字是alt的内容,而忽略了title属性,这个曾经误导了很多人。因此,如果想在IE中显示title的内容,要么title属性和alt一致,要么alt内容为空(“”,空格也不能有)。不过,在新版的IE(IE8及以上)中,已不会出现这种情况了。 另外,当a标签内嵌套img标签时,起作用的是img的title属性。
例如,给超链接标签a添加了title属性,把鼠标移动到该链接上面是,就会显示title的内容,以达到补充说明或者提示的效果。
2. alt: 指定替换文字
只能用在img、area和input元素中(包括applet元素),用于网页中图片无法正常显示时给用户提供文字说明使其了解图像信息。根据一些SEO人士的说法,使用alt属性还具有搜索引擎优化效果,因为搜素引擎是无法直接读取图像的信息的,alt可以为其提供文字信息所以对搜索引擎比较友好。
3. title和alt同时使用时
在旧版本的IE浏览器中,鼠标经过图像时显示的提示文字是alt的内容,而忽略了title属性,这个曾经误导了很多人。因此,如果想在IE中显示title的内容,要么title属性和alt一致,要么alt内容为空(“”,空格也不能有)。不过,在新版的IE(IE8及以上)中,已不会出现这种情况了。 另外,当a标签内嵌套img标签时,起作用的是img的title属性。
相关文章推荐
- HTML语言中img标签的alt属性和title属性的作用与区别
- html中title和alt属性的区别
- HTML中title和alt两个属性的区别
- html中的alt和title用法区别
- HTML语言中img标签的alt属性和title属性的作用于区别
- HTML语言中img标签的alt属性和title属性的作用与区别
- html img标签的alt属性和title属性的作用与区别
- CSS中alt属性和title属性用法
- img图片标签alt和title属性的区别
- html img图片标签alt和title属性
- HTML的img标签:alt属性和title属性
- <img>标签的alt属性与title属性的区别
- img属性里面的title和alt的区别
- HTML的img标签:alt属性和title属性
- HTMLimg标签的alt属性和title属性使用介绍
- 【CSS】CSS中alt属性和title属性用法
- HTML img图片标签alt和title属性
- HTML、CSS里面关于 id、class、name 属性的区别和用法
- HTML&CSS——Position属性四个值:fixed、absolute和relative的区别和用法
- 【转】alt和title属性的区别及应用