HTML5中的标记方法

时间：2014-09-14

1.内容类型（ContentType）

DOCTYPE声明是HTML文件中必不可少的，它位于文件的第一行。在HTML 4中，它的声明方法如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

在HTML 5中，不需要使用版本声明，一份文档将会适用与所有的HTML版本。

HTML 5中的DOC TYPE声明方法（不区分大小写）如下：

什么是DOCTYPE

<!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。

此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

在上面的声明中，声明了文档的根元素是 html，它在公共标识符被定义为

“-//W3C//DTD XHTML 1.0 Strict//EN” 的 DTD 中进行了定义。浏览器将明白如何寻找匹配此公共标识符的 DTD。

如果找不到，浏览器将使用公共标识符后面的 URL 作为寻找 DTD 的位置。

该标签可声明三种 DTD 类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。

HTML 4.01严格版本

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
http://www.w3.org/TR/html4/strict.dtd">

HTML 4.01过渡版本

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd">

HTML 4.01基于框架版本

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "
http://www.w3.org/TR/html4/frameset.dtd">

<!DOCTYPE html>

另外，当使用工具时，也可以在DOCTYPE声明方式中加入STSTEM识别符，声明方法如下面的代码所示：

<DOCTYPE HTML SYSTEM "about:legacy-compat">

在HTML 5中，像这样的DOCTYPE声明方法是允许的（不区分大小写，引号不区分是单引号还是双引号）。

3.指定字符编码

在HTML 4 中使用meta元素的形式指定文件中的字符编码，如下所示：

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

在HTML 5中可以使用<mate>元素直接追加charset属性的方式来指定字符编码，如下所示：

<meta charset="UTF-8">

两种方法都有效，可以继续使用前面的一种方法，但是不能同时混合使用两。

上一篇：input输入框的各种样式 下一篇：实现自己网站的图片假水印功能