Web标准建构的站点一览表

2020-05-08 10:08:26易采站长站整理

Web标准不仅仅是不用表格的站点.

Web 标准,不仅仅是“不用表格的站点”

“Web 标准”这个词在不同人眼里可能有不同的含义。有人会觉得那是“不用表格的站点”,也有人会觉得那是“使用通过验证的代码”。实际上,Web 标准涵盖的比这宽泛得多,用 Web 标准建构的站点必须坚持标准 (HTML, XHTML, XML, CSS, XSLT, DOM, MathML, SVG 等等) 并执著于实践 (通过验证的代码,有亲和力的代码,语义正确的代码,对用户友好的 URL 等等)。

换句话说,用 Web 标准建构的站点,如果理想地看,必须简洁,干净,基于 CSS,有亲和力,有可用性,以及对搜索引擎友好。

有关这张一览表

这显然还不是一张完整的表格,很可能要加上很多东西。然而更重要的是,并非其中每样东西都必须在你的站点中找到,这只是一个向导,用来:

展示 Web 标准领域的跨度

作为开发者手边的便捷的查询工具

帮助正在慢慢转向 Web 标准的开发者们适应

一览表

代码质量

使用了正确的 DOCTYPE 吗?
http://www.w3.org/QA/2002/04/valid-dtd-list.html

使用了正确的字符集吗?
http://www.w3.org/International/O-charset.html

使用了合法的 (X)HTML 吗?
http://validator.w3.org/

使用了合法的 CSS 吗?
http://jigsaw.w3.org/css-validator/

用到了哪些 CSS Hack?
http://css-discuss.incutio.com/?page=CssHack

使用了多余的 class 或者 id 吗?

代码的语义结构是否正确?1
http://www.w3.org/2003/12/semantic-extractor.html

是否有坏掉的链接?
http://validator.w3.org/checklink

在页面和脚本大小的影响下,站点的速度如何?
http://www.websiteoptimization.com/services/analyze/

有没有什么 JavaScript 错误?

内容与表现的区分度

是否所有的表现类信息都用 CSS 来处理了?(字体、颜色、补白、边框等等)

是否所有的装饰性图片都用 CSS 来处理而不是直接写在 (X)HTML 中了?

对用户的亲和力

所有的描述性图片都用了 alt 属性来提供文字信息吗?

字体使用了相对单位而不是绝对单位吗?

如果字体增大,会不会有些排版方面的错误出现?

是否使用了弹出式菜单?

表单 (form) 是否具有亲和力?

表格是否具有亲和力?

配色的亮度和对比度足够吗?

是否只用颜色来区分重要的信息?

弹出式菜单是否有一个延迟的响应?(为一些反映不那么敏捷的人士考虑)

是否所有的链接都具有描述性?3 (为盲人考虑)