HTML DOCTYPE声明用法_Web前端

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页面:：

<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8">
        <title>HTML 5</title>
    </head>
<body>
</body>
</html>

上面代码是完整的HTML 5代码，可以直接在浏览器中运行，后续有关标签和相关属性的讲解会以此为基础。

HTML DOCTYPE声明用法