同时是位了一些不支持图像显示或者图像显示被关闭的浏览器的用户,视觉障碍的用户和使用屏幕阅读器的用户,显示替换文字。另外在seo 方面也可以告诉搜索引擎,这个图片的表达的信息。
如:<img src=" " alt="九寨沟冬季美景 " /> 这样搜索引擎就可能会把 "九寨沟冬季美景 "收录在他的
”图片“搜索项里了。
1. lt 是 HTML 中<img>标签的一个属性,alt属性包含了对图片的说明文字。它只能用在img、area和input元素中(包括applet元素)。对于input元素,alt属性意在用来替换提交按钮的图片。例:<img alt="我是一张图片"></img>
2. Css 中是没有alt属性的,然而,用a:hover 和 display:nonedisplay:block可以模拟出类似的效果。
例
<style>
.img{
width:30
height:30
background-image: url(图片路径);
display:block
}
.img span{
display:none
}
.img:hover span{
display:block
}
</style>
<a class="img"><span>解释文字</span></a>
1. alt 是给搜索引擎识别, 在图像无法显示时的替代文本title 是关于元素的注释信息, 主要是给用户解读 。
2. 当鼠标放到文字或是图片上时有 title 文字显示 。
3. (因为IE不标准)在 IE 浏览器中 alt 起到了 title 的作用, 变成文字提示 。
1. 在定义 img 对象时, 将 alt 和 title 属性写全, 可以保证在各种浏览器中都能正常使用 。
4. alt 属性和 title 属性的区别是:
1. 前者 alt 是在图片无法加载的时候才会显示的其值
2. 而 title 是在图片正常加载鼠标划上去显示的值
3. 虽然 alt 也有后者的功能, 但是只是在低版本的 ie 浏览器才支持, 高版本及标准浏览器不支持这个功能了 。