图片标签img中alt与title的区别
来源:互联网 发布:sketchbook mac 破解 编辑:程序博客网 时间:2024/04/28 18:08
大家可以一起动手来做测试:把以下代码保存的文本中,命名为.html结尾的文件,然后分别用不同浏览器打开。
代码:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head><title>图片标签img中alt与title的区别</title></head><body>
<img src=”图像的正确地址” title=”title正确图片” >
<img src=”图像的正确地址” alt=”alt正确图片” ><img src=”图像的错误地址” title=”title错误图片” >
<img src=”图像的错误地址” alt=”alt错误图片” ></body>
</html>
ie6下各代码的表现
ie8下各代码的表现
firefox下各代码的表现
从以上三组图中我们可以看出alt与title的不同:
1、含义不同
alt是当图片不存在时的替代文字;title是对图片的描述与进一步说明
2、在浏览器中的表现不同
在firefox和ie8中,当鼠标经过图片时title值会显示,而alt的值不会显示;只有在ie6中,当鼠标经过图片时title和alt的值都会显示。
对于网站seo优化来说,title与alt还有最重要的一点:
搜索引擎对图片意思的判断,主要靠alt属性。所以在图片alt属性中以简要文字说明,同时包含关键词,也是页面优化的一部分。条件允许的话,可以在title属性里,进一步对图片说明。
- 图片标签img中alt与title的区别
- 图片标签img中alt与title的区别
- 图片标签img中alt与title的区别
- 图片标签img中alt与title的区别与使用要点
- img图片标签alt和title属性的区别
- img图片标签alt和title属性的区别
- <img>标签的alt属性与title属性的区别
- HTML语言中img标签的alt属性和title属性的作用与区别
- img标签中alt与titile的区别
- html img标签的alt属性和title属性的作用与区别
- img标签中alt和title属性的正确使用
- img标签中alt和title属性的正确使用
- img标签的alt和title属性
- img标签的alt和title属性
- img标签的属性title和alt
- 前端开发规范(一):img标签:图片IMG标记的alt属性和title属性
- img中alt与title的辨析|码匠
- img的alt和title区别
- 消息队列处理httpsqs
- PL/SQL集合
- <img usemap不能得到outHTML,如何对标签操作
- 基于.net的可扩展框架设计 - AppEx及相关接口
- 《少数派报告》中的隔空3D操控方式从屏幕走入现实【视频】
- 图片标签img中alt与title的区别
- MCMC(Markov Chain Monte Carlo)
- How do I enable core dumps for everybody
- 用于二次开发企业即时通讯源码
- 使用GP。tool 创建地图切片示例 参数说明
- Apple Sheds More Light on their iPen & Graphics Program
- IIS 提示 HTTP 错误 404 - 文件或目录未找到。
- WCF-WCF中传输泛型List 对象(转)
- 知名网站的技术发展历程