第2章 HTML5网页文档结构
文档结构是指文章的内部结构,在网页中则表现为整个页面的内部结构。在HTML5之前,并没有对网页文档的结构进行明确的规范,当打开一个网页源代码时,可能无法分清哪些是头部,哪些是尾部,而在HTML5中则对这些进行了明确的规范。
本章要点(已掌握的在方框中打钩)
掌握Web标准规定的内容。
掌握HTML5文档的基本结构。
掌握制作符合W3C标准的HTML5网页。
2.1 Web 标 准
在学习HTML5网页文档结构之前,首先需要了解Web的标准,该标准主要是为了解决各种浏览器与网页的兼容性问题。
2.1.1 Web标准概述
“没有规矩,不成方圆。”对于网页设计也是如此。为了Web更好地发展,对开发人员和最终用户而言,非常重要的事情就是在开发新的应用程序时,浏览器开发商和站点开发商需要共同遵守标准,这个标准就是Web标准。
Web标准的最终目的就是可以确保每个人都有权利访问相同的信息。如果没有Web标准,那么未来的Web应用都是不可能实现的。同时,Web标准也可以使站点开发更快捷,更令人愉快。
为了缩短开发和维护时间,未来的网站将不得不根据标准来进行编码。这样,开发人员就不必为了得到相同的结果,而挣扎于多版本的开发。一旦Web开发人员遵守了Web标准,那么开发人员可以更容易地理解彼此的编码,Web开发的团队协作也将会得到简化。因此,Web标准在开发中是很重要的。
使用Web标准有如下优点。
1.对于访问者
(1) 文件下载与页面显示速度更快。
(2) 内容能被更多的用户所访问(包括失明、弱视、色盲等残障人士)。
(3) 内容能被更广泛的设备所访问(包括屏幕阅读机、手持设备、打印机等)。
(4) 用户能够通过样式选择定制自己的表现界面。
(5) 所有页面都能提供适于打印的版本。
2.对于网站所有者
(1) 更少的代码和组件,容易维护。
(2) 带宽要求降低(代码更简洁),成本降低。
(3) 更容易被搜寻引擎搜索到。
(4) 改版方便,不需要变动页面内容。
(5) 提供打印版本而不需要复制内容。
(6) 提高网站易用性。在美国,有严格的法律条款(Section 508)来约束政府网站必须达到一定的易用性,其他国家也有类似的要求。
2.1.2 Web标准规定的内容
Web标准不是某一个标准,而是一系列标准的集合。网页主要由三个部分组成:结构(Structure)、表现(Presentation)和行为(Behavior),那么,对应的标准也分三个方面,分别如下。
(1) 结构化标准语言主要包括XHTML和XML。
(2) 表现标准语言主要包括CSS。
(3) 行为标准主要包括对象模型,如W3C DOM、ECMAScript等。
这些标准大部分由W3C起草和发布,也有一些是其他标准组织制定的标准,比如ECMA(European Computer Manufacturers Association)的ECMAScript标准。
1.结构标准语言
1)??XML
XML是The Extensible Markup Language(可扩展标识语言)的简写。和HTML一样,XML同样来源于SGML,但XML是一种能定义其他语言的语言。XML最初设计的目的是为弥补HTML的不足,以强大的扩展性满足网络信息发布的需要,后来逐渐用于网络数据的转换和描述。
2)??XHTML
XHTML是The Extensible HyperText Markup Language可扩展超文本标识语言的缩写。XML虽然数据转换能力强大,完全可以替代HTML,但面对成千上万已有的站点,直接采用XML还为时过早。因此,我们在HTML4.0的基础上,用XML的规则对其进行扩展,得到了XHTML。简单地说,建立XHTML的目的就是实现HTML向XML的过渡。
2.表现标准语言
CSS是Cascading Style Sheets(层叠样式表)的缩写。W3C创建CSS标准的目的是以CSS取代HTML表格式布局、帧和其他表现的语言。纯CSS布局与结构式XHTML相结合能帮助设计师分离外观与结构,使站点的访问及维护更加容易。
3.行为标准
1)??DOM
DOM是Document Object Model(文档对象模型)的缩写。根据W3C DOM规范,DOM是一种与浏览器、平台、语言无关的接口,编程人员通过它可以访问页面中其他的标准组件。简单理解,DOM解决了Netscaped的Javascript和Microsoft的JavaScript之间的冲突,给予Web设计师和开发者一个标准的方法,让他们来访问站点中的数据、脚本和表现层对象。
2)??ECMAScript
ECMAScript是ECMA制定的标准脚本语言(JavaScript)。目前推荐遵循的是ECMAScript 262。
2.2 HTML5文档的基本结构
HTML5文档最基本的结构主要包括文档类型说明、开始标记、元信息、主体标记和页面注释标记等。
在一个HTML文档中,必须包含标记,并且放在一个HTML文档的开始和结束位置。即每个文档以开始,以结束。
之间通常包含两个部分,分别是和 ,HEAD标记包含HTML头部信息,如文档标题、样式定义等。BODY包含文档主体部分,即网页内容。需要注意的是,HTML标记不区分大小写。
为了便于读者从整体把握HTML文档结构,下面通过一个HTML页面来介绍HTML页面的整体结构,示例代码如下。
?网页内容
从上面的代码可以看出,一个基本的HTML页由以下几个部分构成。
(1) 声明必须位于HTML5文档中的第一行,也就是位于标记之前。该标记告知浏览器文档所使用的HTML规范。声明不属于HTML标记;它是一条指令,告诉浏览器编写页面所用的标记的版本。由于HTML5版本还没有得到浏览器的完全认可,后面介绍时还采用以前通用的标准。
(2) 说明本页面使用HTML语言编写,使浏览器软件能够准确无误地解释、显示。
(3) 。HEAD是HTML的头部标记,头部信息不显示在网页中,此标记内可以保护一下其他标记。用于说明文件标题和整个文件的一些公用属性。可以通过
……
展开