浅析图片title属性和alt属性的区别

2016-10-16    分类： 网站建设

大家都知道如果你给一个链接加说明的话,可以用title属性,如也可以用


title和alt虽然比较相似，但是还是有区别的，这两个属性比较混淆，我们来看一下两者的区别：

alt属性：


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

①为不能显示图像、窗体或applets的用户代理（UA），alt属性用来指定替换文字。替换文字的语言由lang属性指定。

②它只能用在img、area和input元素中。

③长度必须少于100个英文字符或者用户必须保证替换文字尽可能的短。

title属性：


使用title属性提供非本质的额外信息。title属性有一个很好的用途，即为链接添加描述性文字，特别是当连接本身并不是十分清楚的表达了链接的目的。

①为设置该属性的元素提供建议性的信息。

①可以用在除了base，basefont，head，html，meta，param，script和title之外的所有标签。

③值可以比alt属性值设置的更长。不过要注意的是，有些浏览器会截断过长的文字。比如Mozilla核心的浏览器只能显示最先的60个字符。

综上所述,我们可以知道,我们可以给option用title加注释,但是不能用alt加注释。

在许多时候,alt的局限性很大.而title的扩展性很强.我们在互联网上经常会看到,当指针移上去时,有时显示的注释里不光有文字,还有图片,还可以换行,甚至更多!真的很奇妙,这是怎么弄上去的呢?直接将HTML代码写入TITLE标签里当然是不行的了。

建议大家以后如果只是图片,或者是给按钮等常用的加些文字替换的话,用ATL属性就够了.而是要完成更酷的特效或者是加载图片,给更多的标签加注释时,应选用Title属性。

新闻名称：浅析图片title属性和alt属性的区别
分享链接：https://www.cdcxhl.com/news/49176.html

成都网站建设公司_创新互联，为您提供品牌网站设计、自适应网站、面包屑导航、商城网站、电子商务、营销型网站建设

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

手机网站建设

网站建设知识

同城分类信息