监理公司管理系统 | 工程企业管理系统 | OA系统 | ERP系统 | 造价咨询管理系统 | 工程设计管理系统 | 甲方项目管理系统 | 签约案例 | 客户案例 | 在线试用
X 关闭
景德镇网站建设公司

当前位置:工程项目OA系统 > 泛普各地 > 江西OA系统 > 景德镇OA > 景德镇网站建设公司

图片Alt和Title属性有什么不同

申请免费试用、咨询电话:400-8352-114

admin

    网站上的图片有两种属性,一种是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属性值设置的更长。

发布:2007-03-31 15:51    编辑:泛普软件 · xiaona    [打印此页]    [关闭]
景德镇OA
联系方式

成都公司:成都市成华区建设南路160号1层9号

重庆公司:重庆市江北区红旗河沟华创商务大厦18楼

咨询:400-8352-114

加微信,免费获取试用系统

QQ在线咨询

泛普景德镇网站建设公司其他应用

景德镇软件开发公司 景德镇门禁系统 景德镇物业管理软件 景德镇仓库管理软件 景德镇餐饮管理软件 景德镇网站建设公司