HTML5语法标记详解

HTML5中的标记方法如下。

1）内容类型（ContentType）

首先HTML5文件的扩展名和内容类型（ContentType）没有发生变化，即扩展名还是“.html”或“.htm”，内容类型（ContentType）还是“.text／html”。

2）DOCTYPE声明

要使用HTML5标记，必须先进行如下的DOCTYPE声明，不区分大小写。Web浏览器通过判断文件开头有没有这个声明，来决定解析器和渲染类型是否切换成对应的HTML5模式。语法如下：

＜！DOCTYPEhtml＞

请看一个完整的HTML5文档，下面是一个简单的HTML5文档代码，文件源代码参见“chap3.1.1.1.html”。

<!doctypehtml/>

<metacharset=UTF-8/>

<title>HTML5标记实例</title>

<p>这个HTML是遵循HTML5语法

编写出来的

本代码的显示效果如图3.1所示。(www.xing528.com)

图3.1　一个简单的HTML5文档实例

另外，在使用工具时，也可以在DOCTYPE声明方式中加入SYSTEM标识（不区分大小写，此外还可将双引号换为单引号来使用），声明方法如下面的代码：

<!DOCTYPEHTMLSYSTEM"about:legacy-compat">

3）字符编码的设置

字符编码的设置方法也有些新的变化。以前，设置HTML文件的字符编码时，要用到meta元素，如下所示：

<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">

在HTML5中，可以使用＜meta＞元素的新属性charset来设置字符编码。

<metacharset="UTF-8">

以上两种方法都有效，因此也可以继续使用前者的方法（通过content元素的属性来设置）。但要注意二者不能同时使用。如下所示的代码是错误的：

<metacharset="UTF-8"http-equiv="Content-Type"content="text/html;charset=UTF-8">

注意：从HTML5开始，文件的字符编码推荐使用UTF-8。