HTML 5网页的文档结构
1、在一个HTML 5文档中，必须包含<HTML></HTML>标记，并且放在一个文档的开始和结束位置。<html>和</html>之间包含两个部分:分别为<HEAD></HEAD>和<BODY></BODY>。
2、2.1.1 HTML 5页面的整体结构
示例：
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>网页标题</TITLE>
</HEAD>
<BODY>
网页内容
</BODY>
</HTML>
从上述代码可以看出,一个基本的HTML 5网页由以下几个部分构成。
（1）<!DOCTYPE HTML>声明
（2）<HTML></HTML>标记。
（3）<HEAD></HEAD>头部标记。
（4）<BODY></BODY>文档体标记。
（5）<TITLE></TITLE>标题标记。
3、2.1.2 HTML 5新增的结构标记
<FOOTER></FOOTER>和<HEADER></HEADER>
标记定义文档的页眉
<HEADER>
<h1>欢迎访问主页</h1>
</HEADER>
<FOOTER></FOOTER>
标记定义section和document的页脚。例如：
<footer>作者:元澈 联系方法:13012345678</footer>
4、2.2 HTML 5基本标记详解
HTML 文档最基本的结构主要包括:文档类型说明、HTML 文档开始标记、元信息、主体标记和页面注释标记。
2.2.1 文档类型说明
<!DOCPYTE HTML>
HTML 文档类型声明需要出现在HTML 5文件的第一行。
2.2.2 HTML 标记
HTML 标记代表文档的开始。虽然HTML 5语言语法的松散特性，可以省略，但是最好不要省略。
语法格式如下：
<HTML>
...
</HTML>
5、2.2.3 头标记head
头标记head 用于说明文档头部的相关信息,一般包括:标题信息、元信息、定义CSS和脚本代码等。
语法如下：
<head>
...
</head>
1.标题标记title
HTML 页面的标题一般用来说明页面用途的,显示在浏览器的标题栏中。
语法如下:
<title>
...
</title>
6、元信息标记 meta
元信息标记可提供页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。位于文档的头部，不包含任何内容。
7、1)字符集charset属性
在HTML 5中,有一个新的charset属性。
例如：下面的代码告诉浏览器，网页使用ISO-8859-1字符集显示：
〈meta charset=''ISO-8859-1''〉
2)搜索引擎的关键词
关键词在浏览时看不到,格式如下:
<meta name=”keywords” content=”关键词,keywords”> /
(1) 不同的关键词之间应该使用半角逗号隔开(英语输入状态下),不要使用”空格”或”丨”间隔.
(2)是keywords,不是keyword.
(3)关键词标签中的内容应该是一个个短语,而不是一段话.
例如:
<meta name=”k
3)页面描述
meta description元标签(描述元标签)是一种HTML元标签,展示的是一段话.例如:
<meta name=”description” content=”网页的介绍”/>
4)页面定时跳转
使用<meta>标记可以使网页在经过一段时间后自动刷新可以通过将http-equiv属性值设置为refresh来实现.例如:
<meat htto-epuiv=”refresh” content=”5”>
8、网页的主体标记body
HTML 文件的重点。
本身也可以控制网页的背景颜色或背景图像。
页面注释标记<!-- -->
注释是在HTML代码中插入的描述性文本,用来解释该代码或提示其他信息.
语法如下:
<!--注释的内容-->
注释语句元素由前后两部分组成:前半部分是由一个左尖括号、一个半角感叹号和两个连字符组成，后半部分是两个连字符和一个尖括号组成：
<html>
<head>
<title>标记测试</title>
</head>
<!--这里是标题-->
<h1>HTML 5网页设计</h1>
</body>
</html>