第2章 根据标准设计和制作

1. Web标准三剑客

　　a. 结构：一个标记语言（XHTML），包含格式化的文本数据，包括：标题、副标题、段落、数字列表、定义列表等等；

　　   页面被校验通过，意思是它包含的代码没有错误，校验可以通过在线免费软件进行；代码是符合语义，意思是标签和他们要表达的含义是相近和一致的；我们说的符合Web标准的设计是指既要通过校验又有语义的网页；

　　　XHTML1.0要求更严格：很多以前不够严谨的HTML标记，在XHTML中都变成了不能接受的，不能通过页面校验，但是浏览器虽然理解XHTML标记，但却不会严格地按照标准执行错误检查，这就意味着页面仍然可以不遵守XHTML规则；

　　　XHTML 2这个新版本规定了严格的错误处理规则，强制要求浏览器拒绝无效的XHTML 2页面，同时也摒弃了很多从HTML沿袭下来的怪异行为和编码惯例，从语法上规范了语义标签，不再兼容以前的HTML语法，最终完败；

        HTML5则考虑实用至上，接受了许多浏览器的默认行为；它包括两个部分。第一部分，面向Web开发人员，要求摒弃过去的那些坏习惯和被废弃的元素。通过使用HTML5验证器可以确保遵循HTML5标准的这一部分。第二部分，也是HTML5规范中篇幅更长的部分，针对的是浏览器开发商。它们需要支持HTML中存在的一切，以做到向前兼容，HTML5不仅向浏览器开发商明示该支持什么，还利用文档说明并规范化了它们原来的处理方式；

　　b. 表现：用来格式化网页，控制字体、布局、颜色等等。因为与结构想分离，所以改变一部分而不影响其他部分是可能的；

　　c. 行为：一个标准的DOM，工作在CSS、XHTML和ECMAScript 262标准版本上，使你创建出可以运行在多平台和浏览器上的交互行为和特效；

　　d. 根据站点目标和服务对象，可以运用Web标准将表现、行为和结构充分相分离，或者可以选择建立一个混合技术（表格+CSS）的过渡期网站。

 

2. Web标准：跨平台性

　　严格使用XHTML（遵守语义标准）和灵活运用CSS可以使文档一次建立，随处使用（无需开发WAP和WML版本）；

　　ALA的形式和结构证明了语义标签和CSS布局的优势，这种方法可以使我们的站点能够支持老的浏览器和那些不支持CSS的设备（向前兼容性，语义标签决定的），当然也能向后兼容；

　　关于打印页面，只要增加一个专门的打印样式表，不用再独立制作一个打印友好的版本。

 

4. 过渡型向后兼容

　　a. 正确的XHTML标记；（html 4.01也允许使用）

　　b. 正确的CSS控制字体、颜色、空白等；

　　c. 尽量少用XHTML表格设计布局，通过CSS来避免表格的多层嵌套；

　　d. 可选的：在重要的表格单元中应用结构化标签；（便于CSS和脚本技术的应用，也可以帮助以后向无表格布局过渡）

　　e. 基于DOM的JavaScript，可能有代码分支，用以适应IE和Navigator 4.0浏览器；

　　f. 可访问属性和测试。

　　缺点：结构和表现仍混合在一起，使维护和更新困难；对将来转向基于XML的内容管理系统会很困难。

 

5. 严格的向后兼容

　　a. 从表现和行为中完全分离的结构；

　　b. 正确的严格的XHTML 1.0或者使用过渡的标记；

　　c. 正确的CSS排版布局，表格仅仅用于它原始的目的：呈现表格状数据；

　　d. 强调结构，在标记中没有表现的处理或者尽量少用表现处理标记；

　　e. 给设计元素一个合理的结构化标签；

　　f. 基于DOM的脚本处理交互行为；仅在需要时采用有限的代码分支；

　　g. 可访问性属性和测试。

　　缺点：站点可能在老浏览器上看上去不叫朴素；浏览器对CSS支持还不完善，需要一些CSS技巧；一些符合标准的浏览器可能不支持基于DOM的交互行为（Opera<7）；基于DOM的交互行为将不能在4.0版和更老版的主流浏览器、屏幕阅读器、文本浏览器和多数无线设备中工作。(他们不支持DOM，有自己的DHTML)