HTML5 定义文档结构
■知识点
HTML5包含一百多个标签，大部分继承自HTML4，在HTML5中新增加了 30个标签。这些标签基本上都被放置在主体区域内（<body>)，我们将在各章节中逐一进行说明。
正确选用HTML5标签可以避免代码冗余。在设计网页时不仅需要使用<div>#签来构建网页通用结构，还要使用下面几类标签完善网页结构。
<h1><h2><h3><h4xh5><h6>:定义文档标题，1表示一级标题，6表示六级标题，常用标题包括一级、二级和三级。
<p>:定义段落文本。
<ul><0lxli>^：定义信息列表、导航列表、榜单结构等。
<table><tr><td>等：定义表格结构。
<form><i叩ut><textarea>等：定义表单结构。
<span>：定义行内包含框。
■实例设计
下面是一个简单的HTML页面示例，使用了少量HTML标签。它演示了一个简单的文档应该包含的内容，以及主体内容是如何在浏览器中显示的。
第1步，新建文本文件，输入如下代码。
<html>
<head>
<meta charset="UTF-8">
<title>一个简单的文档包含内容</title>
</head>
<body>
<h1>我的第一个网页文档</h1>
<p>HTML 文档必须包含三个部分: </p>
<u1>
<li>html-网页包含框</li>
<li>head-头部区域</li>
<li>body-主体内容</li>
</ul>
</body>
</html>
第2步，保存文本文件，命名为test,设置扩展名为.html。
第3步，使用浏览器打开这个文件，则可以看到如图所示的预览效果。
为了更好地选用标签，读者可以参考w3school网站（http://www.w3school.com.cn/tags/index.asp)中的页面信息。其中DTD列描述了标签在哪一种D0CTYPE文档类型是允许使用
的：S=Strict，T=Transitional，FHFramese。
湘公网安备:43011102000856号 
点击加载更多评论>>