2.1 DOCTYPE声明
DOCTYPE声明在代码中对应的就是<!DOCTYPE>，它位于HTML文件的最前面，在<html>标签之前。这里讲解<!DOCTYPE>声明主要是为了和HTML 5版本之前的声明进行对比。
<!DOCTYPE>声明不是HTML标签，它的作用是告知Web浏览界面应该使用哪个HTML版本。在HTML 5之前的HTML 4.0.1版本，有三种设置<!DOCTYPE>声明的方式，分别说明如下：
（1）严格标准模式（HTML 4 Strict），声明的代码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4 /strict.dtd">
（2）近似标准模式（HTML 4 Transitional），声明的代码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org /TR/html4/loose.dtd">
（3）近似标准框架模式（HTML 4 Frameset），声明的代码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
这些声明的代码都采用固定的写法，并无项目的关联性，使用时直接设置即可。
HTML 5版本的<!DOCTYPE>声明就简单多了，只有一种版本，对应的声明代码如下：
<!DOCTYPE html>
在完成<!DOCTYPE>声明之后，在大多数情况下就要对网页的语言和编码进行设置。在网页中声明语言与编码方式是很重要的，如果网页文件没有正确地声明编码方式，那么浏览器会根据网络浏览者计算机上的设置来显示编码。我们有时浏览一些网站时会看到一些网页变成了乱码，通常就是因为没有正确地声明编码方式导致。
在HTML 4.0.1版本中，通常采用<meta>标签的方式来声明语言和编码方式，代码如下：
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" >
在HTML 5中，可以使用对<meta>标签直接追加charset属性的方式来指定字符的编码方式，代码如下：
<meta charset="UTF-8">
同时，在<html>标签中使用lang属性来设置语言，代码如下：
<html lang="zh-CN">...</html>
需要说明的是，在<!DOCTYPE>声明和<meta>标签中设置的属性都是不区分字母大小写的，例如可以将UTF-8换成utf-8，<!DOCTYPE html>换成<!doctype html>。
接下来，创建一个新的HTML 5页面，并添加上<!DOCTYPE html>声明和语言及编码方式的设置，如示例代码2-1-1所示。
示例代码2-1-1 第一个HTML 5页面
上面代码是完整的HTML 5代码，可以直接在浏览器中运行，后续有关标签和相关属性的讲解会以此为基础。