HTML网页的!DOCTYPE详解

刺骨的言语ヽ痛彻心扉 2022-06-04 03:22 215阅读 0赞

## 什么是DOCTYPE ##

查看很多使用XHTML标准开发的网站，第一行就是：

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

打开一些符合标准的站点，例如著名web设计软件开发商Macromedia，会发现同样的代码。

而另一些符合标准的站点的代码则如下：

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

那么这些代码有什么含义？一定要放置吗？

上面这些代码我们称做DOCTYPE声明。**DOCTYPE是document type(文档类型)的简写，用来说明你用的XHTML或者HTML是什么版本**。

其中的DTD(例如上例中的xhtml1-transitional.dtd)叫文档类型定义，里面包含了文档的规则，浏览器就根据你定义的DTD来解释你页面的标识，并展现出来。

要建立符合标准的网页，DOCTYPE声明是**必不可少的关键组成部分**；除非你的XHTML/HTML确定了一个正确的DOCTYPE，否则你的标识和CSS都不会生效,也就是说如果没有这个DOCTYPE声明将会导致**CSS失效**，特别是没有声明或声明不正确将在标准浏览器下更是不能正常显示。

**关于DOCTYPE：**

*  声明位于文档中的最前面的位置，在所有代码和标识之上。
 *  标签没有结束标签。
 *  声明不区分大小写。
 *  声明不是一个 XHTML/HTML 标签；它是用来告知 Web 浏览器页面使用了哪种 XHTML/HTML 版本。

## 常见的 DOCTYPE 声明 ##

*  HTML 5
    
    `<!DOCTYPE html>`
 *  HTML 4.01 Strict
    
    这个 DTD 包含所有 HTML 元素和属性，但不包括表象或过时的元素（如 font ）。框架集是不允许的。
    
    `<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">`
 *  HTML 4.01 Transitional
    
    这个 DTD 包含所有 HTML 元素和属性，包括表象或过时的元素（如 font ）。框架集是不允许的。
    
    `<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">`
 *  HTML 4.01 Frameset
    
    这个 DTD 与 HTML 4.01 Transitional 相同，但是允许使用框架集内容。
    
    `<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">`
 *  XHTML 1.0 Strict
    
    这个 DTD 包含所有 HTML 元素和属性，但不包括表象或过时的元素（如 font ）。框架集是不允许的。结构必须按标准格式的 XML 进行书写。
    
    `<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">`
 *  XHTML 1.0 Transitional
    
    这个 DTD 包含所有 HTML 元素和属性，包括表象或过时的元素（如 font ）。框架集是不允许的。结构必须按标准格式的 XML 进行书写。
    
    `<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">`
 *  XHTML 1.0 Frameset
    
    这个 DTD 与 XHTML 1.0 Transitional 相同，但是允许使用框架集内容。
    
    `<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">`
 *  XHTML 1.1
    
    这个 DTD 与 XHTML 1.0 Strict 相同，但是允许您添加模块（例如为东亚语言提供 ruby 支持）。
    
    `<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">`

## HTML 4.01 与 HTML5之间的差异 ##

*  在 HTML 4.01 中， 声明需引用 DTD （文档类型声明），因为 HTML 4.01 是基于 SGML （Standard Generalized Markup Language 标准通用标记语言）。DTD 指定了标记语言的规则，确保了浏览器能够正确的渲染内容。
 *  HTML5 不是基于 SGML，因此不要求引用 DTD。