Web 标准要求一览表
目录 1 Web 标准,不仅仅是“不用表格的站点” 2 有关这张一览表 3 一览表 3.1 代码质量 3.2 内容与表现的区分度 3.3 对用户的亲和力 3.4 对设备的亲和力 3.5 基本的可用性 3.6 站点管理
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 错误?2
内容与表现的区分度
是否所有的表现类信息都用 CSS 来处理了?(字体、颜色、补白、边框等等) 是否所有的装饰性图片都用 CSS 来处理而不是直接写在 (X)HTML 中了?
对用户的亲和力
所有的描述性图片都用了 alt 属性来提供文字信息吗? 字体使用了相对单位而不是绝对单位吗? 如果字体增大,会不会有些排版方面的错误出现? 是否使用了弹出式菜单? 表单 (form) 是否具有亲和力? 表格是否具有亲和力? 配色的亮度和对比度足够吗? 是否只 |