Img标签属性之alt与title的区别与作用

真爱一生 · 发表于 2013-05-29 13:42:20

alt属性
) `9 k) e2 C4 c
& g+ v1 t# V# _. z, F7 s　　alt属性是为不能显示图像、窗体或applets的用户代理，用来指定替换文字。简单的说alt主要是用在图片无法显示时候的代替文字，比如你的logo图片无法显示的时候就会用alt的文字代替。

　　在编辑代码时使用alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明。这包括那些使用本来就不支持图像显示或者图像显示被关闭的浏览器的用户，视觉障碍的用户和使用屏幕阅读器的用户。替换文字是用来替代图像而不是提供额外说明文字的。

title属性

　　title属性为设置该属性的元素提供建议性的信息。它除了可以用在base，basefont，head，html，meta，param，script和title之外的所有标签。但是并不是必须的。可能这正是为什么很多人不明白何时使用它。

　　使用title属性提供非本质的额外信息。大部分的可视化浏览器在鼠标悬浮在特定元素上时显示title文字为提示信息。一些浏览器会将title文字显示在状态栏里。比如早期版本的Safari浏览器。

　　title属性有一个很好的用途，即为链接(即A标签)添加描述性文字，特别是当连接本身并不是十分清楚的表达了链接的目的（如图片链接等）。这样就使得访问者知道那些链接将会带他们到什么地方，他们就不会加载一个可能完全不感兴趣的页面。另外一个潜在的应用就是为图像（img标签）提供额外的说明信息，比如日期或者其他非本质的信息。

　　总结，img标签的alt属性是在图片因浏览器兼容、加载失败或地址出错等原因而不显示时为浏览用户所做的代替语言，其性质为该图片的代替；而img标签的title属性，是表达该图片的一些额外信息，其性质为一种备注或者注释，鼠标过去时显示该段文字。

本篇由 www.hbjyled.com www.xianledping.com 整编发布

一个小好人 · 发表于 2013-05-29 14:42:53

原来是这样的区别啊

三人数据-林萌萌 · 发表于 2026-02-12 21:13:53

这个思路很新颖，打开了新世界的大门，谢谢分享

好孩子315 · 发表于 2026-06-12 10:46:52

说得很实在，没有夸大其词，这种真实分享太难得了

炼凝香霜 · 发表于 2026-08-02 23:46:12

这个分享太实用了，刚好能用到，感谢楼主！

【优化】马佑涛 · 发表于 2026-08-28 13:27:56

楼主太厉害了，整理得这么详细，必须支持

转转文库 · 发表于 2026-09-05 02:34:49

完全赞同，我也是这么认为的，英雄所见略同～

		自动登录	找回密码
密码			加入怎通

[站长八卦] Img标签属性之alt与title的区别与作用

浏览过的版块