html图片的alt与title:alt:图片加载失败时的提示信息;title:鼠标放上时的提示信息
2014-08-17 19:06
260 查看
首先明确一下概念,alt是html标签的属性,而title既是html标签,又是html属性。
title标签这个不用多说,网页的标题就是写在<title></title>这对标签之内的。
title作为属性时,用来为元素提供额外说明信息。例如,给超链接标签a添加了title属性,把鼠标移动到该链接上面是,就会显示title的内容,以达到补充说明或者提示的效果。
而alt属性则是用来指定替换文字,只能用在img、area和input元素中(包括applet元素),用于网页中图片无法正常显示时给用户提供文字说明使其了解图像信息。注意,alt是替代图像作用而不是提供额外说明文字的。根据一些SEO人士的说法,使用alt属性还具有搜索引擎优化效果,因为搜素引擎是无法直接读取图像的信息的,alt可以为其提供文字信息所以对搜索引擎比较友好。
通常人们容易搞错的是title和alt这两个属性同时用于img标签的时候。在旧版本的IE浏览器中,鼠标经过图像时显示的提示文字是alt的内容,而忽略了title属性,这个曾经误导了很多人。因此,如果想在IE中显示title的内容,要么title属性和alt一致,要么alt内容为空(“”,空格也不能有)。不过,在新版的IE(IE8及以上)中,已不会出现这种情况了。
另外,当a标签内嵌套img标签时,起作用的是img的title属性。
title标签这个不用多说,网页的标题就是写在<title></title>这对标签之内的。
title作为属性时,用来为元素提供额外说明信息。例如,给超链接标签a添加了title属性,把鼠标移动到该链接上面是,就会显示title的内容,以达到补充说明或者提示的效果。
而alt属性则是用来指定替换文字,只能用在img、area和input元素中(包括applet元素),用于网页中图片无法正常显示时给用户提供文字说明使其了解图像信息。注意,alt是替代图像作用而不是提供额外说明文字的。根据一些SEO人士的说法,使用alt属性还具有搜索引擎优化效果,因为搜素引擎是无法直接读取图像的信息的,alt可以为其提供文字信息所以对搜索引擎比较友好。
通常人们容易搞错的是title和alt这两个属性同时用于img标签的时候。在旧版本的IE浏览器中,鼠标经过图像时显示的提示文字是alt的内容,而忽略了title属性,这个曾经误导了很多人。因此,如果想在IE中显示title的内容,要么title属性和alt一致,要么alt内容为空(“”,空格也不能有)。不过,在新版的IE(IE8及以上)中,已不会出现这种情况了。
另外,当a标签内嵌套img标签时,起作用的是img的title属性。
相关文章推荐
- 图片定义的title提示信息的样式以及提示信息跟随鼠标的移动而移动的效果
- HTML基础 img标签alt属性 当图片加载失败的时候显示为文本
- img 的alt 属性; 鼠标停在图片上为何显示不出提示文字了呢
- html title换行方法 如a链接标签内title属性鼠标悬停提示内容换行
- html img图片标签alt和title属性
- Picasso加载网络图片失败,提示decodestream时返回null
- HTML基础 img标签title属性 鼠标移动到图片上时显示文字
- 自定义编辑框VC,可加载更改字体,添加背景图片,显示输入提示信息
- html a 链接标签title属性换行鼠标悬停提示内容的换行效果
- QWebView中加载本地html网页中图片加载失败的解决方法
- Picasso加载网络图片失败,提示decodestream时返回null
- 跟随鼠标移动的图片制作的提示信息框
- html: title换行方法 如a链接标签内title属性鼠标悬停提示内容换行
- html title换行方法 如a链接标签内title属性鼠标悬停提示内容换行
- ionic开发——图片加载失败或不存在时显示提示图片的解决方法
- html a标签中鼠标提示时的 title换行方法
- html a 链接标签title属性换行鼠标悬停提示内容的换行效果
- html title换行方法 如a链接标签内title属性鼠标悬停提示内容换行
- 鼠标滑过图层或图片时,显示TITLE标题提示特效
- html实现鼠标经过时有提示信息