天魔窟

第一层：
知道使用正确的，闭合的，小写的，属性值带有引号的 html 标签；某些标签的必备属性不会遗漏，比如 <img> 的 alt 属性，<meta> 标签……
鉴定办法：
用 W3C 的 Validator 校验，除去一些特别低级的拼写错误以外，校验错误数目在 10 个以内。

第二层：
在第一层的基础上，知道在页面开头选用正确的 doctype 声明；使用 CSS 类和各种选择符来控制页面个元素外观。
鉴定办法：
W3C 的 HTML 和 CSS Validator 校验，错误数目 10 个以内。

第三层：
在第二层的基础上，使用 Unicode/UTF-8 页面编码；页面布局不使用 table（用 div + CSS）；CSS 合理使用 shortcut……

第四层：
在第三层的基础上，页面内容按照其含义添加适当的，简单的标签，例如 <h?>、<p>、<dt><dd>……语意化！全部外观使用 CSS 控制。
鉴定办法：
页面文件在不链结 CSS 时能够顺利阅读。可仅靠切换 CSS 大幅度改变外观。

第五层：
在第四层的基础上，进一步满足可访问性标准。
-----------------------------------------------
以上五层境界乃是今天修改 DoNews 新版首页的初始页面时有感而发，不少人或许以为 Web 标准仅仅就是使用所谓正确的 XHTML 标签，把原有 table 的 td 全部换成 div……错了！至少目前我认为，要比较好的应用 Web 标准，必须手写每一行代码，页面完全可以达到标签自描述，例如：作为标题的文字，就应该用 <h?> 或者 <dt> 来注明，作为正文的则用 <p>，列表的为 <li>……语意化～

Molly Holzschlag explains The Meaning of Semantics: HTML elements describe the meaning of content, not its looks.