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