论文部分内容阅读
[摘要]随着互联网应用的发展，传统的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（参考http://www.w3.org/TR/xhtml1）。XML虽然具有强大的可扩充性，完全可以替代HTML，但面对成千上万使用HTML的站点，直接采用XML还为时过早。因此，W3C在HTML4.01的基础上，用XML的规则对其进行扩展，得到了XHTML，以实现HTML向XML的过渡。
2. CSS。CSS是Cascading Style Sheets层叠样式表的缩写。目前推荐遵循的是W3C于1998年5月12日推荐CSS2(参考http://www.w3.org/TR/CSS
2/)。W3C创建CSS标准的目的是以CSS取代HTML表格式布局、帧和其他表现的语言。纯CSS布局与结构式XHTML相结合能帮助设计师分离外观与结构，使文件更小，页面下载速度更快，站点响应时间越断，维护更容易，可访问性更高，以及更好的设备支持性能。
3. DOM。DOM是Document Object Model文档对象模型的缩写。根据W3CDOM规范（http://www.w3.org/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标准重构的好处
传统网站通常以表格布局，将内容与表现方式混杂在一起。不合法地使用标签或制造垃圾标签。而采用web标准重构的网站是一个能够接受各种用户和各种设备的广泛的交流沟通工具，具有文件较小，访问速度快，节省时间和带宽，增强可访问性，增强设备支持能力，简化站点维护和改版等优势。
五、网站重构的趋势与前景
Web标准，近年来在国外已经得到了很大的重视。美国的多数技术性站点都开始向Web标准转型，我国许多大型站点也已经使用新方法重构，掀起了基于WEB标准的网站重构热潮。2005年3月网易首页按web标准重构完毕。2005年4月阿里巴巴中文版用Web标准重构完毕。2005年10月微软公司的MSN站点使用STRUCTS+XHTML+CSS完全重写。2006年4月央视网络CCTV.com完成了基于XHTML+CSS改造，大大减少了带宽的使用。2006年5月中华网使用WEB标准进行了改造，强化了内核。2006年6月雅虎国际采用了WEB标准，随后雅虎中国也采用了其方式。2006年6月MSN中国采用Web标准构建。日前，为了适应互联网的发展，给用户更佳的使用体验，联想、海尔、微软LIVE.com、IBM、摩托罗拉、SONY、Philips、NIKE等知名企业网站均采用了Web标准技术对站点进行重构。
六、结束语
本文对基于web标准的网站重构技术与方法做了简单介绍，总结了重构的站点的优势，并以实例证明了重构的趋势。当然，要实现一套完整的站点重构还要完成许多其他方面的工作有待完成。不过，从内容与表现混杂的泥沼中走出后，我们会更清醒地意识到只有用XHTML合理地、结构化地描述页面内容，同时使用CSS展现文档样式，用DOM实现页面行为，才会从web标准中真正受益，才能为用户带来更佳的服务体验。
参考文献：
[1]Jeffrey Zeldman. 网站重构－应用web标准进行设计［M］傅捷，王守义，祝军译，北京：电子工业出版社.[2]曹文艳、贾艳梅，Web (XHTML +CSS)标准浅议. 科技咨询导报. 2007 No.18. P37.
[关键词]网站重构 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（参考http://www.w3.org/TR/xhtml1）。XML虽然具有强大的可扩充性，完全可以替代HTML，但面对成千上万使用HTML的站点，直接采用XML还为时过早。因此，W3C在HTML4.01的基础上，用XML的规则对其进行扩展，得到了XHTML，以实现HTML向XML的过渡。
2. CSS。CSS是Cascading Style Sheets层叠样式表的缩写。目前推荐遵循的是W3C于1998年5月12日推荐CSS2(参考http://www.w3.org/TR/CSS
2/)。W3C创建CSS标准的目的是以CSS取代HTML表格式布局、帧和其他表现的语言。纯CSS布局与结构式XHTML相结合能帮助设计师分离外观与结构，使文件更小，页面下载速度更快，站点响应时间越断，维护更容易，可访问性更高，以及更好的设备支持性能。
3. DOM。DOM是Document Object Model文档对象模型的缩写。根据W3CDOM规范（http://www.w3.org/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标准重构的好处
传统网站通常以表格布局，将内容与表现方式混杂在一起。不合法地使用标签或制造垃圾标签。而采用web标准重构的网站是一个能够接受各种用户和各种设备的广泛的交流沟通工具，具有文件较小，访问速度快，节省时间和带宽，增强可访问性，增强设备支持能力，简化站点维护和改版等优势。
五、网站重构的趋势与前景
Web标准，近年来在国外已经得到了很大的重视。美国的多数技术性站点都开始向Web标准转型，我国许多大型站点也已经使用新方法重构，掀起了基于WEB标准的网站重构热潮。2005年3月网易首页按web标准重构完毕。2005年4月阿里巴巴中文版用Web标准重构完毕。2005年10月微软公司的MSN站点使用STRUCTS+XHTML+CSS完全重写。2006年4月央视网络CCTV.com完成了基于XHTML+CSS改造，大大减少了带宽的使用。2006年5月中华网使用WEB标准进行了改造，强化了内核。2006年6月雅虎国际采用了WEB标准，随后雅虎中国也采用了其方式。2006年6月MSN中国采用Web标准构建。日前，为了适应互联网的发展，给用户更佳的使用体验，联想、海尔、微软LIVE.com、IBM、摩托罗拉、SONY、Philips、NIKE等知名企业网站均采用了Web标准技术对站点进行重构。
六、结束语
本文对基于web标准的网站重构技术与方法做了简单介绍，总结了重构的站点的优势，并以实例证明了重构的趋势。当然，要实现一套完整的站点重构还要完成许多其他方面的工作有待完成。不过，从内容与表现混杂的泥沼中走出后，我们会更清醒地意识到只有用XHTML合理地、结构化地描述页面内容，同时使用CSS展现文档样式，用DOM实现页面行为，才会从web标准中真正受益，才能为用户带来更佳的服务体验。
参考文献：
[1]Jeffrey Zeldman. 网站重构－应用web标准进行设计［M］傅捷，王守义，祝军译，北京：电子工业出版社.[2]曹文艳、贾艳梅，Web (XHTML +CSS)标准浅议. 科技咨询导报. 2007 No.18. P37.