html 标题title上用alt属性,html中title和alt属性的差异.

今天陡然才打听html中title和alt属性的差异,哎,这么多年了,居然始终在用alt

http://om/archive/200412/the_alt_and_title_attributes/

翻译:JunChen

首发:http://blog.handsbrain.com/junchen/archive/2005/05/21/3355.aspx

版权:本文版权归译者Junchen所有,请先联系译者。

当博览器卖主扭曲了规范并且自顾自的不按法定去做一些事,他们可能会构成一些问题,可能起码发生了混同。例子之一即便一些博览器处理alt属性(等闲会被讹谬的称作alt标签)的措施,例如具有许多用户的Windows的IE博览器。

轮换文字(alt text)并不是用来做提醒(tool

tip),可能更加准确的说,它并不是为图片供给额外解释消息的。相反地,title属性才该当用来为元素供给额外解释消息。这些消息在大局部图像博览器里揭示为提醒(tool

tip),固然制造商能够任意批准其他措施渲染title属性的文字。

许多人看来对这两个属性感到迷惑(最近这个问题在Web Standards Group邮件列表里变多了),

因而我写下我的设法,如何去用它们。

alt属性

为不能揭示图像、窗体或applets的用户代办(UA),alt属性用来指定轮换文字。轮换文字的语言由lang属性指定。

起源:Mozilla bug,这是你要当心的。

利用前先琢磨

我的提倡是保证轮换文字(alt

text)精要。在大多数的利用里,都该当被留白,alt=""(当心两引号中未曾空格)。

想想那些图像,为那些博览者供给了什么样的消息,你该当用什么文字去描写它,可能你该为看不到图像的人供给什么消息?

将轮换文字写成“照片:站在大楼外的CEO,穿着灰色西装和黑色领带,望着天”对于看不到图像的人真的有帮助?万一你感受是,那么你就写吧。在许多情形下,我感受让轮换文字留白比拟好。

对于title属性,比拟难于给出严厉的利用解释。我大局部用在那些不能自我释意的链接上,譬好像一版面上的雷同的链接文字,不同的链接版面。有时候也为一些按钮可能表单元素供给更多的解释文字。

更长的描写

当一个图片必需更加长的描写,而超过alt属性的局限,那么还有一些抉择。

longdesc属性能够用来供给链接到一个包括图片文字描写的独自版面。这就意味着把博览者链接到另外的版面,这可能会构成会意上的艰难。另外博览器对于longdesc属性的扶持也是不统一的,并且不是极其好。

longdesc属性能够包括一个链接到目前文档的其他局部(锚点)来顶替链接到另外的版面。在Accessibility

footnotes,shujia.org Andy Clarke很好的解释解释了如何利用。

描写链接(D

links)能够用来赔偿longdesc。一个描写链接即便一个惯例的链接,连接到含有轮换文字的版面。该链接被置于图像的旁边,并且在所有博览器中都是然而的。对于它的管用性人们有许多不同意见,我的个人意见不大迷恋这个当心。WCAG也是,在他们的工作草案HTML

Techniques for WCAG

2.0中,描写链接是被“不同意”的。

万一对图片的长的描写对于任何博览者都有用,那么你得琢磨让它容易的揭示在统一个文档里面,而不是链接到其他版面里可能藏起来。这么每个人都能够阅读到。这是一种容易低技巧含量的措施。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值