上QQ阅读APP看书，第一时间看更新
2.2.1 定义文档结构
HTML5包含100多个标签，大部分继承自HTML4，新增加30个标签。这些标签基本上都被放置在主体区域内（<body>），我们将在各章节中逐一进行说明。
正确选用HTML5标签可以避免代码冗余。在设计网页时，不仅需要使用<div>标签构建网页通用结构，还要使用下面几类标签完善网页结构。
<h1>、<h2>、<h3>、<h4>、<h5>、<h6>：定义文档标题，1表示一级标题，6表示六级标题，常用标题包括一级、二级和三级。
<p>：定义段落文本。
<ul>、<ol>、<li>等：定义信息列表、导航列表、榜单结构等。
<table>、<tr>、<td>等：定义表格结构。
<form>、<input>、<textarea>等：定义表单结构。
<span>：定义行内包含框。
【示例】下面是一个简单的HTML页面，使用少量HTML标签。它演示了一个简单的文档应该包含的内容，以及主体内容在浏览器中的显示。
第1步，新建文本文件，输入以下代码。
<html>
<head>
<meta charset="utf-8">
<title>一个简单的文档包含内容</title>
</head>
<body>
<h1>我的第一个网页文档</h1>
<p>HTML文档必须包含三个部分：</p>
<ul>
<li>html——网页包含框</li>
<li>head 头部区域</li>
<li>body—主体内容</li>
</ul>
</body>
</html>
第2步，保存文本文件，命名为test，设置扩展名为.html。
第3步，使用浏览器打开这个文件，预览效果如图2.4所示。
为了更好地选用标签，读者可以参考W3school网站的http://www. w3school.com.cn/tags/index.asp页面信息。
图2.4 网页文档演示效果