基于Web Standards网站重构.docVIP

基于Web Standards网站重构 　　[摘要]随着互联网应用的发展，传统的HTML+table设计方法已无法满足对网站跨平台性、高可访性等要求。根据当前web标准，将内容表现行为三者分离的网站重构方法。 　　[关键词]网站重构 web标准 XHTML+CSS+DOM 可访问性 　　中图分类号：TP3 文献标识码：A 文章编号：1671－7597(2008)0510029－01 　　 　　一、引言 　　 　　随着互联网应用的升级，对网站跨平台性，高可访性，高解析速度等要求日益增强，而传统的html+table设计方法所造成的内容与表现混杂，代码臃肿，可读性差，高维护成本，低可访性等缺点，已经成为阻碍站点进一步发展的绊脚石。网站重构正成为许多站点的当务之急。 　　 　　二、为什么要基于Web标准 　　 　　经过上世纪的浏览器大战人们开始意识到，虽然通往罗马的道路不止一条，但之后将要付出沉重的代价，而基于web标准的设计与重建将为今后铲平道路。Web标准是由许多关心web发展的专业人士经过深思熟虑和反复论证的产物，为浏览器制造商与网页设计者指明了一条捷径，遵循这些标准，才能保证站点在最多的用户代理（user agent，如浏览器，手机，PDA等设备）中高效正常统一快速地显示。事实上，web标准的发展也见证了网站应用的发展趋势，从html 4.01到XHTML 1.0再到目前最新的XHTML 2.0，人们已不再过多地关注页面的复杂性，而更注重兼容性、可控性、可访问性等性能。三、网站重构的规范与方法 　　网站重构(Website Reconstruction)是把“未采用CSS，大量使用HTML进行定位、布局，或者虽然已经采用CSS，但是未遵循HTML结构化标准的站点‘变成’让标记回归标记的原本意义。通过在HTML文档中使用结构化的标记以及用CSS控制页面表现，使页面的实际内容与它们呈现的格式相分离的站点。” 　　（一）网站重构的规范 　　基于web标准的重构需要同时使用结构化的HTML，独立的样式以及标准的行为。这就需要将网页在逻辑上分为三个方面：结构（Structure）、表现（Presentation）和行为（Behavior）。 　　1. XHTML。XHTML是The Extensible HyperText Markup Language可扩展标识语言的缩写。目前推荐遵循的是W3C于2000年1月26日推荐XML1.0（参考/TR/xhtml1）。XML虽然具有强大的可扩充性，完全可以替代HTML，但面对成千上万使用HTML的站点，直接采用XML还为时过早。因此，W3C在HTML4.01的基础上，用XML的规则对其进行扩展，得到了XHTML，以实现HTML向XML的过渡。 　　2. CSS。CSS是Cascading Style Sheets层叠样式表的缩写。目前推荐遵循的是W3C于1998年5月12日推荐CSS2(参考/TR/CSS 　　2/)。W3C创建CSS标准的目的是以CSS取代HTML表格式布局、帧和其他表现的语言。纯CSS布局与结构式XHTML相结合能帮助设计师分离外观与结构，使文件更小，页面下载速度更快，站点响应时间越断，维护更容易，可访问性更高，以及更好的设备支持性能。 　　3. DOM。DOM是Document Object Model文档对象模型的缩写。根据W3CDOM规范（/DOM/），DOM是一种与浏览器，平台，语言的接口，使得你可以访问页面其他的标准组件。简单理解，DOM解决了Netscaped的Javascript和Microsoft的Jscript之间的冲突，给予web设计师和开发者一个标准的方法，让他们来访问他们站点中的数据、脚本和表现层对像。目前由于W3C对其Web Standards 的推广，XHTML+CSS+DOM已经成为网站重构的主要规范。 　　（二）网站重构的一般方法 　　对于遵循html4.01的规范的站点，重构相对轻松，只要检查并修改以满足以下几点即可： 　　1. 为页面添加正确的DOCTYPE； 　　2. 声明的编码语言； 　　3. 设定名字空间； 　　4. 用小写字母书写所有的标签 ； 　　5. 检查 alt 属性 ； 　　6. 给所有属性值加引号 ； 　　7. 关闭所有的标签 ； 　　8. 用CSS定义元素外观； 　　9. 用结构化元素代替无意义的垃圾 ； 　　10. 给每个表格和表单加上id； 　　11. 易用性(Accessibility)和交互设计改善。 　　 　　四、基于web标准重构的好处 　　 　　传统网站通常以表格布局，将内容与表现方式混杂在一起。不合法地使用标签或制造垃圾标签。而