网页设计标准-网页结构及样式要求

网页设计标准包括网页结构标准和网页样式标准。

（一）网页结构标准

网页结构标准用于展示网站前端的内容，目前广泛被支持的网页结构标准主要包括XHTML结构语言和HTML5.0结构语言等。

1.XHTML 结构语言

XHTML结构语言（eXtensible Hyper Text Markup Language，可扩展的超文本标记语言）是由传统的HTML发展而来的，并以XML语言（eXtensible Markup Language，可扩展的标记语言）的严格规范重新订制的结构语言。

2000年1月26日，XHTML 语言正式被一个非政府的万维网标准制定和推广组织——W3C（World Wide Web Consortium，国际万维网协会）发布和提交给ISO（International Organization for Standardization，国际标准化组织），成为网页设计的国际标准化开发语言，替代了早期的 HTML3.2 和 HTML4.0。

XHTML语言的特点：具有严谨和严格的结构与书写格式，因此在被各种设备和软件解析时更加高效和便捷；XHTML具有较强的扩展性，可以为各种不同类型的终端设备所支持；XHTML在绝大多数语法和标记的使用上都能够兼容传统的HTML，因此一经推出立即为业界所接受，并被迅速在大范围应用。

2.HTML5.0 结构语言

HTML5.0结构语言是一种由XML和 HTML4.0 衍生而来的全新结构化语言。相比传统的XHTML，HTML5.0 最大的特点是采用了全语义化的设计，通过大量新增的语义化标记来规范页面内容，防止XHTML存在“DIV布局包打天下”的问题。这样的设计既可以让开发者更方便地对文档内的内容进行分类处理，也可以帮助搜索引擎更快地检索页面的内容。

HTML5.0结构语言于2006年立项， 由W3C和WHATWG（Web Hypertext Application Technology Working Group，Web 超文本技术工作小组）共同开发完成。作为 XHTML 1.0的未来代替者，HTML5.0 目前已完成大部分草案，其部分功能已为一些较新的Web 浏览器所支持。2012年年中，W3C推出了一个新的编辑团队，负责创建HTML5.0推荐标准，并为下一个HTML版本准备工作草案。

HTML5.0的已有草案设计基于以下原则：

（1）减少对外部插件的需求。

HTML5.0 内置了许多交互功能，提供了Canvas标记来实现矢量图形绘制，并计划在Web浏览器中内置视频音频的编解码工具，从而减少对第三方插件（如Flash、Silver Light等）的依赖，希望未来通过纯净的Web浏览器就能实现该功能。

（2）取代脚本的标记。(www.xing528.com)

HTML5.0提供了多种之前必须由脚本语言实现的功能，以减少前端开发者的负担，增强 Web 页的交互性。

（3）独立于设备以外。

HTML5.0本身与设备无关，即无须根据播放Web页的设备来单独编写新的Web页。一个HTML5.0的页面可适应大多数设备。其中，XHTML为了适应手持设备，专门开发了一个XHTML Mobile 语言。

（4）仍然基于DOM。

文档对象模型（Document Object Model，DOM）是 W3C 组织推荐的处理可扩展语言的标准编程接口。它是一种与平台和语言无关的应用程序接口（Application Programming Interface，API），它可以动态地访问程序和脚本，更新其内容、结构和 WWW 文档的风格相似（目前，HTML 和 XML 文档是通过说明部分定义的）。文档可以进一步被处理，处理的结果可以加入当前的页面。DOM有以下两种：一种是基于树的API文档，它要求在处理过程中整个文档都在存储器中；另一种是简单的 API 基于事件的SAX，它可以用于处理很大的 XML 文档，因为大，所以不适合全部放在存储器中处理。

为提高兼容性，并适应过去旧有版本的 JavaScript、CSS（Cascading Style Sheets，层叠样式表），在 HTML5.0 中仍然基于DOM设计，因此，旧的DOM对象、方法和属性在HTML5.0中仍然可以使用，降低了开发者的学习曲线。

（二）网页样式标准

早期的Web应用是通过HTML不完善的表现描述功能实现Web元素的样式变换的。由于 HTML功能的局限性，一些Web浏览器的开发者研发了各种样式表现语言来对Web元素进行增强描述，使得样式描述语言越来越混乱。

1994年，同在欧洲原子能研究组工作的哈康·列（Hhkon Wium Lie）、蒂姆·伯纳斯·李爵士（Sir Tim Berners-Lee）以及罗伯特·卡里奥（Robea Cailliau）结合之前已经被使用的各种样式语言，共同研究和发明了一种全新的样式描述语言CSS，通过选择器、样式代码的键值对方式来描述 Web 页面的各种元素。

1995 年，哈康·列对外正式发布了CSS样式表语言，并和W3C进行了讨论，对CSS样式表语言进行了修订，使其更加符合 Web 语言的特性。

1996 年，CSS样式表语言的第一版正式完成，并于当年12月发布，被称作 CSS1.0。该语言推出后，并未被广泛采用。世界上第一款完全支持CSS1.0 的 Web 浏览器是2000 年微软公司开发的运行于Macintosh系统的Internet Explorer5.0。随后，随着Internet Explorer版本的升级和市场份额的逐渐扩大，CSS1.0才得以广泛使用。

W3C 在1998年5月发布了更新的CSS2.1规范，修改了CSS1.0的一些错误和不被支持的内容，并增加了一些已经被多种Web浏览器添加的扩展内容，但是时至今日，尚未有任何一款Web浏览器完全支持所有CSS2.1的内容，虽然CSS2.1 是当前的事实标准。

CSS的更新版本CSS3.0于 1999 年开始制订，但由于其发展方向不断被修改和订正，直至2011年6月，CSS3.0才为W3C的CSS发展小组发布，成为公开的Web开发标准。现在的 Web 浏览器基本都支持CSS3.0的各种功能。当前绝大多数最新版本的Web浏览器都已经能够正确地显示绝大多数由CSS3.0开发的各种网站的界面效果。