图片Alt和Title属性有什么不同
网站上的图片有两种属性,一种是alt属性,另一种是title属性,这两种属性有什么不同呢?景德镇网站建设顾问来告诉您。
在ie6下面,我们会看到图片没有title属性,只有alt属性,设置了之后,鼠标放到图片上,还是会有显示的。如果没有alt属性,而有title属性,在ie6下面也可以看到提示信息。而在火狐浏览器下面,就不是这样的效果了,alt属性是不显示的。为什么会这样呢?因为IE不符合网页标准。
在标准浏览器下图片设置了title属性不管图片是否存在,鼠标经过都会有提示。若图片不存在时候,只设置了alt属性,那么图片上会显示alt属性里的描述内容,并且鼠标放上去没有提示信息(非ie6以下浏览器)。
更清楚的看alt属性和title的不同:
//*这些图片不显示
<img src="http://www.hqzl.net/../images/web-design.jpg" width="70" height="60"alt="网站建设">
<img src="http://www.hqzl.net/../images/web-design.jpg" width="70" height="60" title="网站建设" />
//*这些图片显示
<img src="http://www.hqzl.net/../images/web-design.jpg" title="网站建设" />
<img src="http://www.hqzl.net/../images/web-design.jpg" alt="网站建设" />
在IE浏览器中都会出现文字提示。
而在火狐浏览器中,前三句代码,鼠标经过图片时,都会出现文字提示,最后一句代码,鼠标经过图片不会显示文字提示。通过这些可以知道在显示时候alt属性和title的不同地方。
图片alt属性用于指定图片的替换文字,title属性用于设置当前对象提供建议性的信息。优化网站图片的时候,适合将alt属性设置为图片本来的含义,而将title设置成指示性信息,示例如下: 其作用是:alt属性,当图片不能正常显示时,则显示alt中的文字,表达要传递的信息,将title属性设置为“返回网站主页”,作用是当用户将鼠标指向图片时,提示给用户的信息。
title属性有一个很好的用途,即为链接添加描述性文字,特别是当链接本身并不是十分清楚的表达了链接的目的。这样就使得访问者知道那些链接将会带他们到什么地方,他们就不会加载一个可能完全不感兴趣的页面。另外一个潜在的应用就是为图像提供额外的说明信息,比如日期或者其他非本质的信息。title属性值可以比alt属性值设置的更长。
- 1如何开始你的网站建设项目
- 2网站建设之设计和布局 (一)
- 3网站建设要具备哪些条件
- 4开源的CMS网站利弊
- 5网上商店(网络商店)有哪些特点
- 6专业的景德镇网站建设公司
- 7什么样的网站是一个好网站
- 8手机网站建设与开发
- 9企业为什么要求专业的网站搭建公司做官方网站呢?
- 10建设一个网站的基本规则
- 11网站如何做好后期运营
- 12聚焦手机网站(WAP)建设,移动大潮下的小水花
- 13做英文网站应注意的事项
- 14网站让企业一通天下
- 15营销型网站建设找哪家公司来做呢?
- 16如何提高网页加载速度,让网站打开更快
- 17定制化开发企业网站的好处
- 18搜索引擎优化
- 19网站设计中涉及到的技术知识
- 20首推“网络营销云平台”网站建设解决方案
- 21企业为什么须要专门的网站构造单位做网站呢?
- 22网站建设时要考虑的事情
- 23网站建设中Access数据库过大的解决方法
- 24怎样选择虚拟主机,需要关注哪些因素
- 25建设网站核心在于品牌定位
- 26企业网站建设如何体现企业信任度
- 27做网站的电脑怎么配置才好
- 28企业网站如何做的更加人性化
- 29图片Alt和Title属性有什么不同
- 30网站建设的七大误区
成都公司:成都市成华区建设南路160号1层9号
重庆公司:重庆市江北区红旗河沟华创商务大厦18楼