使用Title提升可访问性二
作者：一叶千鸟 来源：千鸟志 发布时间：2009-11-16 12:53:00
前文主要纠正title用法上的几点误区，其实除链接和表单的常规标签用法。在内容组织方面还有大潜力待发掘，比如写网志经常会有针对词、短语说明的需求，最常见的做法是用括号，或者高级点用title来写。
其实这样也不彻底解决问题，在title做“补充说明文本内容”作用时，用括号的场景可能有解释、简写缩写、前后补充等等，这些人际功能产生的内容模糊机器不懂。如何区分并准确转化为机器语言？在讲究语义化的HTML标准里，有更恰当的标签来做这些工作。
简写缩写说明
HTML4.01中分别有<abbr>与<acronym>两个标签来表示缩写，区别在于<acronym>是英文首字母缩写，<abbr>是名称缩写。应用分别如下：
<acronym title="Portable Document Format">PDF</acronym>
<abbr title="Minimum">Min</abbr>
但在HTML5.0与XHTML2.0中，<acronym>变成不赞成使用的标签，而推荐<abbr>代替。因为<acronym>容易与<abbr>混淆，它们用法之间是互相包含的关系，很多英文名称缩写其实就是首字母缩写，比如CSS的全称是Cascading Style Sheets。“千鸟，是一叶千鸟的简称。”这句话如果用代码来阐述：
<abbr title="一叶千鸟">千鸟</abbr>
专业术语说明
针对不同知识领域读者时，有时会大量用到专业术语或特殊短语，但不属于简写、缩写范畴。这时可以使用HTML提供的<dfn>标签，比如：
<dfn title="Mozilla公司推出的网页浏览器">Firefox</dfn>
<dfn title="Microsoft web browser">Internet Explorer</dfn>
W3C不建议大量使用，当首次出现新术语时，应定义样式与普通文本分开，促进读者理解，而从那以后也不需要再对此术语进行标记了。道理类似不要重复在一篇内容内，做多个同样链接。
按照这个思路，我觉得HTML应该提供个叫做<translate>的标签，用以针对翻译词汇的说明。尤其在专业技术领域，外来词汇特别多。比如，要解释UCD的全称（User-Center Design）可以用<abbr>，但中文翻译（以用户为中心的设计）呢？老用括号太不专业了。
0
投稿猜你喜欢
本文介绍了让我们先来预览一下代码运行效果吧：首先分析163邮箱登陆页面的网页结构（按F12或单击鼠标右键选择审查元素）1、定位到登陆框（注意- 为表和字段取别名阿文之前介绍过MySQL的分组查询、集合函数查询和嵌套子查询，在编写SQL语句时有的地方使用到AS关键字为查询结果中的某一列
- 内容摘要：本文介绍了使用SQL语句修改数据记录的两种方法，一是使用rs.update，二是使用conn.Execute(sql)，相信对初学
- validator自定义验证及易错点validator自定义验证element中Form 组件提供了表单验证的功能，只需要通过 rules
- 1.查询数据库当前进程的连接数： select count(*) from v$process; 2.查看数据库当前会话的连接数： elec
- 最近有一个项目，需要检查某个字符型字段的值是否为数字，由于数据行是海量，所以需要通过SQL语句来筛查，这里拿来做个备忘。用到的函数为IsNu
- 前言实现一个帧动画，使用的一个图，根据不同的时间显示不同的图。使用的就是如下所示的一张图，宽度780 * 300 ，使用加载图片 260 *
- 在pandas.Series的pandas.DataFrame列中，将描述获取唯一元素数（不包括重复项的案例数）和每个元素的出现频率（出现数
- 封装为dll会带来很多的好处，主要包括只是产权的保护，以及效率和安全性能的提升。这个例子中被封装的dll文件可以隐藏access数据库的实际
- 在缺失值填补上如果用前后的均值填补中间的均值，比如，0，空，1，我们希望中间填充0.5；或者0，空，空，1，我们希望中间填充0.33，0.6
- 1.按姓氏笔画排序:Select * From TableName Order By CustomerName Collate Chines
- MySQL 数据表是由行和列构成的，通常把表的“列”称为字段（Field），把表的&
- 1、Python的数组可分为三种类型：(1) list 普通的链表，初始化后可以通过特定方法动态增加元素。定义方式：arr = [元素](2
- 从本篇开始讲述如何用css实现网页的布局，即如何用css控制网页内各个元素的显示位置。如果你是一个初学者，很可能觉得做一个网页的第一步就是布
- 注释标注解释，目的是帮助读者理解的文本也就是说，注释首先是文本，其二是说明，其三是思路，其四是例子注释有两种形式1. # ... 单行注释用
- 一、前言刚开始学Python的小伙伴可能会觉得每次写Python打开Cmd或者idle有点烦躁，没有代码补全也没有格式提示等。所以直接上手了
- 在Google Reader上看到网友分享的一个链接，真的发现自己已经out了。上面的这张图，是纯CSS实现的，没有背景图、没有Javasc
- IE6/7/8/9中Table/Select的innerHTML赋值会报错，如下 <!DOCTYPE HTML> <htm
- I. 前言联邦学习(Federated Learning) 是人工智能的一个新的分支，这项技术是谷歌2016年于论文Communicatio
- 圆形的绘制 :OpenCV中使用circle（img，center，radius，color，thickness=None，lineType
