找回密码
 加入怎通
查看: 568|回复: 3

[站长八卦] alt和title的用法以及区别

[复制链接]
浅浅、笑时光 发表于 2012-12-16 01:06:34 | 显示全部楼层 |阅读模式
  在编辑HTML代码的时候,我们经常使用到图片代码img,该div元素有两个属性值较为相似,一直有网友将其混淆。那具体他们有哪些相似与区别呢?对于seo又有什么影响呢?. ?' W) P" J1 P7 I2 D2 t6 |

( e) j  V- F) I% ?  alt属性
3 o, i0 J) f1 ^8 ], {; m4 x$ _- b8 N* A: [" ]- q! ]
  alt属性是为不能显示图像、窗体或applets的用户代理,用来指定替换文字。简单的说alt主要是用在图片无法显示时候的代替文字,比如你的logo图片无法显示的时候就会用alt的文字代替。$ v* C& [  y, P+ W" n

+ x% l; i2 c' _  在编辑代码时使用alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明。这包括那些使用本来就不支持图像显示或者图像显示被关闭的浏览器的用户,视觉障碍的用户和使用屏幕阅读器的用户。替换文字是用来替代图像而不是提供额外说明文字的。$ Q. e# S" G& Z/ j. m

/ ]' l* x9 `% y. K6 u  title属性
" w* S" w4 V1 a) R
$ D$ n+ A! N' Z  l/ x# p% Z) B  title属性为设置该属性的元素提供建议性的信息。它除了可以用在base,basefont,head,html,meta,param,script和title之外的所有标签。但是并不是必须的。可能这正是为什么很多人不明白何时使用它。
  q$ R- X! a# B
, ~( Z( b$ C* {( G$ d% Q  使用title属性提供非本质的额外信息。大部分的可视化浏览器在鼠标悬浮在特定元素上时显示title文字为提示信息。一些浏览器会将title文字显示在状态栏里。比如早期版本的Safari浏览器。
6 |& ~# j4 q1 Z6 ^# c) a9 ?$ M9 {( R2 _( ]1 t! p
  title属性有一个很好的用途,即为链接(即A标签)添加描述性文字,特别是当连接本身并不是十分清楚的表达了链接的目的(如图片链接等)。这样就使得访问者知道那些链接将会带他们到什么地方,他们就不会加载一个可能完全不感兴趣的页面。另外一个潜在的应用就是为图像(img标签)提供额外的说明信息,比如日期或者其他非本质的信息。
! d+ c2 k- p+ y8 b# O( ^' n6 ?  E+ O5 {9 c
  总结,img标签的alt属性是在图片因浏览器兼容、加载失败或地址出错等原因而不显示时为浏览用户所做的代替语言,其性质为该图片的代替;而img标签的title属性,是表达该图片的一些额外信息,其性质为一种备注或者注释,鼠标过去时显示该段文字。
* L* f+ z; H( \, E3 B

暂时无法加载帖子列表

回复

使用道具 举报

尐菊 发表于 2026-03-16 19:19:54 | 显示全部楼层
完全赞同,我也是这么认为的,英雄所见略同~
回复

使用道具 举报

啦啦爱阿 发表于 2026-08-07 14:41:09 | 显示全部楼层
学习到了,之前一直没注意过这个点,受教了
回复

使用道具 举报

meimeiww55 发表于 2026-10-23 22:12:12 | 显示全部楼层
这个思路很新颖,打开了新世界的大门,谢谢分享
回复

使用道具 举报

    您需要登录后才可以回帖 登录 | 加入怎通

    本版积分规则

    QQ|手机版|小黑屋|网站地图|真牛社区 ( 苏ICP备2023040716号-2 )

    GMT+8, 2026-10-29 04:04 , Processed in 0.040102 second(s), 26 queries , Gzip On.

    免责声明:本站信息来自互联网,本站不对其内容真实性负责,如有侵权等情况请联系420897364#qq.com(把#换成@)删除。

    Powered by Discuz! X3.5

    快速回复 返回顶部 返回列表