1.3.2 HTML5文档结构
HTML5文档是一种纯文本格式的文件,文档的基本结构如下。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文档标题</title>
</head>
<body>
网页内容
</body>
</html>
1.文档类型
在编写HTML5文档时,要求指定文档类型,用于向浏览器说明当前文档使用的是哪种HTML标准。文档类型声明的格式如下。
<!DOCTYPE html>
这行代码称为doctype声明,doctype是document type(文档类型)的简写。要建立符合标准的网页,doctype声明是必不可少的关键组成部分。doctype声明必须放在每一个HTML文档的最顶部,在所有代码和标签之前。
2.HTML文档标签<html>…</html>
HTML文档标签的格式如下。
<html>HTML文档的内容</html>
<html>处于文档的最前面,表示HTML文档的开始,即浏览器从<html>开始解释,直到遇到</html>为止。每个HTML文档均以<html>开始,以</html>结束。
3.HTML文档头标签<head>…</head>
HTML文档包括头部(head)和主体(body)。HTML文档头标签的格式如下。
<head>头部的内容</head>
文档头部内容在开始标签<html>和结束标签</html>之间定义,其内容可以是标题名或文本文件地址、创作信息等网页信息说明。
4.HTML文档编码
HTML5文档直接使用meta元素的charset属性指定文档编码,格式如下。
<meta charset="UTF-8">
为了被浏览器正确解释和通过W3C代码校验,所有的HTML文档都必须声明它们所使用的语言编码。文档声明的编码应该与实际的编码一致,否则就会呈现为乱码。utf-8是世界通用的HTML语言编码,用户一般使用utf-8来指定文档编码。
5.页面标题标签<title>…</title>
HTML文件的标题显示在浏览器的标题栏中,用以说明文件的用途。标题文字位于<title>和</title>标签之间,其语法格式如下。
<title>页面标题</title>
网页的标题不会显示在文本窗口中,而以窗口的名称显示出来,每个文件只允许有一个标题。网页的标题能给浏览者带来方便,如果浏览者喜欢该网页,则将它加入书签中或保存到磁盘上,标题就作为该页面的标志或文件名。另外,使用搜索引擎时显示的结果也是页面的标题。
例如,搜狐网站的主页,对应的网页标题如下。
<title>搜狐</title>
打开网页后,将在浏览器窗口的标题栏显示“搜狐”网页标题。在网页文件头部定义的标题内容不会在浏览器窗口中显示,而是在浏览器的标题栏中显示。
6.HTML文档主体标签<body>…</body>
HTML文档主体标签的格式如下
<body>
网页的内容
</body>
主体位于头部之后,以<body>为开始标签,</body>为结束标签。它定义网页上显示的主要内容与显示格式,是整个网页的核心,网页中要真正显示的内容都包含在主体中。