HTML5基础教程:HTML5中的标记方法


HTML 5中的语法变化的变化,正是因为在HTML 5之前几乎没有符合标准规范的Web浏览器。接下来让我们看一下,HTML 5中的标记方法。

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">

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


« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3