一、HTML5概述
HTML是构成Web页面（page）、表示Web页面的符号标签语言。通过HTML，将需要表达的信息按某种规则写成HTML文件，再通过专用的浏览器进行识别，将这些HTML文件翻译成人们阅读的信息形式，就是所见到的网页。
（一）什么是HTML
HTML的本质是指创建HTML文档需要遵循的一组规范或者标准，遵循这些规范所创建的文档可以在浏览器中显示为网页的外观。
（二）什么是HTML5
HTML5是构建Web内容的一种语言描述方式。 HTML5是互联网的新一代标准，是构建以及呈现互联网内容 的一种语言方式，被认为是互联网的 核心技术 之一。
（三）HTML5的应用
HTML5主要应用于前端Web开发，开发制作周期短，成本低。相对来讲，原生移动APP开发成本比较高，周期也较长。HTML5应用范围非常广泛，目前主要应用于移动应用程序和游戏，重要原因在于HTML5技术可以进行跨平台使用。
1.HTML5的应用领域
（1）响应式网页
（2）HTML5移动应用
（3）微信小程序
2.搭建支持HTML5的浏览器环境
HTML5是一种全新的HTML标签语言，许多功能必须在搭建完成相应的浏览环境后才可以正常浏览。
二、HTML5的基本构件
每个网页都有其基本的结构，包括HTML的语法结构、文档结构、标签的格式以及代码的编写规范等。
（一）HTML5语法结构
1.标签
HTML文档由标签和受标签影响的内容组成。标签（tag）是由一对尖括号“<”和“>”括起来的单词或单词缩写，大多数标签都成对出现。开始标签用“标签”表示，结束标签用“/标签”表示。 其格式为<标签>受标签影响的内容</标签>
例如，一至六级标题标签表示为：
演示效果：
注：a.每个标签都要用“<”和“>”括起来，如<p>、<table>，以表示这是HTML代码而非普通文本。“<”和“>”与标签名之间不能留有空格或其他字符。
b.在标签名前加上符号“/”便是其结束标签，表示该标签内容结束，如</h1>。标签也有不用</标签>结尾的，称之为单标签，如换行标签<br>。
2.属性
标签仅规定这是什么信息，但是要想显示或控制这些信息，就需要在标签后面加上相关的属性。标签通过属性制作出各种效果，通常都是以“属性名="值"”的形式来表示。 其格式为<标签 属性1="属性值1" 属性2="属性值2"...>受标签影响的内容</标签>
例如，一级标题标签<h1>用属性align表示文字的对齐方式：
演示效果：
3.元素
元素是指包括标签在内的整体，不仅包含标签本身，还包括被标签影响的内容。元素的内容就是开始标签与结束标签之间的内容。没有内容的HTML元素被称为空元素，空元素没有结束标签，是在开始标签中关闭的。
例如，以下代码片段：
（二）HTML5编写规范
页面的HTML代码书写必须符合HTML规范，这是用户编写拥有良好结构文档的基础，这些文档可以很好地工作于所有浏览器，并且可以向后兼容。
1.标签的规范
(1)标签分单标签和双标签,双标签往往成对出现,所有标签(包括空标签)都必须关闭,如< br/>、 <img/>、<p >...</p >等。
(2)标签名和属性建议都用小写字母。
(3)多数HTML标签可以嵌套,但绝对不允许交叉
(4)HTML文件一行可以写多个标签,但标签中的一个单词不能分两行写。
2.属性的规范
(1)可以根据需要使用某个标签的所有属性,也可以只用其中的几个属性。在使用时属性之间没有 顺序。
(2)属性值都要用半角双引号括起来。
(3)并不是所有的标签都有属性,如换行标签<br>就没有。
3.元素的嵌套
(1)块级元素可以包含行级元素或其他块级元素,但行级元素不能包含块级元素,它只能包含其他的行级元素。
(2)有几个特殊的块级元素只能包含行级元素,不能再包含块级元素,这几个特殊的标签是: <h1 >、<h2>、< h3 >、< h4 >、< h5 >、< h6 >、<p>、< dt>。
4.代码的缩进
HTML代码并不要求在书写时缩进,但为了文档的结构性和层次性,建议初学者使用标记时首尾对齐,内部的内容可向右缩进几格。
（三）HTML5文档结构
HTML5 文档是一种纯文本格式的文件,文档的基本结构为
注：“!”＋“tab”键即可快捷键生成HTML基本框架，“!”为英文输入法下。
1.文档类型
文档类型声明的格式为<!doctype html>，这行代码称为doctype声明。doctype声明是必不可少的关键部分，它对于确保页面以正确的模式渲染，提高性能和保持与未来标准的兼容性都至关重要。
2.HTML文档标签<html>...</html>
<html>处于文档的最前面，表示HTML文档的开始。每个HTML文档均以<html>开始，以</html>结束。
3.HTML文档头部标签<head>...</head>
HTML文档包括头部（head）和主体（body）。文档头部内容在开始标签<html>和结束标签</html>之间定义，其内容可以是标题名或文本文件地址、创作信息等网页信息说明。
4.网页头部标签
在网页的头部，通常存放一些介绍页面内容的信息，例如页面标题、描述、关键词、链接的CSS样式文件和客户端的JavaScript脚本文件等。
（1）<title>标签
<title>标签是页面标题标签，它是对文件内容的概括，一个好的标题能使读者从中判断出该文件的大概内容。网页的标题是通过窗口的名称显示出来的，每个文档只允许有一个标题。
（2）<meta>标签
<meta>标签是元信息标签，在HTML中是一个单标签，该标签可重复出现在头部标签中。
（3）<link>标签
<link>标签是关联标签，用于定义当前文档与Web集合中其他文档的关系，建立一个树状链接组织。<link>标签只提供链接该文档的一个路径。
（4）<script>标签
<script>标签是脚本标签，用于为HTML文档定义客户端脚本信息。
5.HTML文档编码
HTML5文档直接使用meta元素的charset属性指定文档编码，格式为
<meta charset="gb2312">
文档声明的编码应该与实际的编码一致，否则就会呈现为乱码。
6.HTML文档主体标签<body>...</body>
HTML文档主体标签的格式为：
它定义网页上显示的主要内容与显示格式，是整个网页的核心，网页中要真正显示的内容都包含在主题中。
7.注释
注释的作用是方便阅读和调试代码，便于后期维护和修改。
注释标签的格式为<!--注释内容-->
8.特殊符号
| 特殊符号 | 字符实体 | 示例 |
| 空格 |  ； | H5创新学院 ； ；咨询热线：400-811-6666 |
| 大于（＞） | >； | 3>；2 |
| 小于（＜） | <； | 2<；3 |
| 引号（''） | "； | HTML属性值必须使用成对的"；括起来 |
| 版权号（©） | ©； | Copyright©；H5创新学院 |
