I'm banum 技术回归人本

WEB可用性学习<六>结构化生活

言之有物

创建语义内容的第一步，是正确使用标记语言。目标是使内容清晰明了。

阅读顺序

如标题标签不应该越级

使用故事板避免混合内容和表现

不要试图使最终设计与故事板丝毫不差。

用微格式增加更多信息

软件可以将信息提取出来，用不同格式展现。微格式是方法论，而不是技术

自定义格式

用div+css+class以标志出信息类型即可，为用户提供可能的语义环境。

简单就是美

使用开门见山的语言来增加内容的可用性。按面向用户的类型选择内容的语言水平。

特殊术语

对于术语，如果用户群是专业用户，则可不用提供定义。否则要增加定义，如果术语很多要提供词汇表，但首次使用时定义依然不可缺少，因为在正文与词汇表之间的跳跃会增加用户的负担。

我看不懂希腊文

在必要的地方增加lang属性（这里指外语，外来词）。

成语的雷区

避免过度使用成语、俚语等。

缩写亦须明意

使用<abbr>处理简写。使用<acronym>标记处理缩写。在title中使用完整内容。

注意<p>和<q>

字体和格式

避免使用非语义的标签，用其他标签代替他们：
用<strong>代替<b>表现粗体；
用<em>、<var>代替<i>表现斜体；
用<strong>、<em>代替<u>表现下划线；
用<del>代替<s>表示删除线；
用<ins>表示上划线；
用<code>、<kdb>、<samp>、<var>代替<tt>表示等宽字。

框架

减少使用框架，或在<noframe>中提供替代版本。

链接在一起

让链接引人注目

清晰地使用链接，不要模糊他们的意图。
使用有别于其他元素的显眼颜色标注。同时防止链接相互紧挨。

明确链接的目标

给链接添加描述的元数据。避免使用<a href=”#here”>点击这里</a>这样的表述。（banum注：关于这个业内有很多讨论。从可用性角度分析，应该这么做。）

“跳转到内容”链接

添加页内锚点以方便有障碍的用户，却依然使全能力者得到好处。（banum注：关于这一点，其他专家同样有很多不同的看法。）

样式：华丽的盛装

使用CSS要注意分清内容和表现，确保失去的样式，内容依然是内容，即不要使用<span>来表现<h1>。
再者要在css标准与实际应用中找到平衡点，有些建议标准没有得到广泛支持，减少或者避免使用。