<!DOCTYPE> 标签的深度剖析以及使用选择

亦凉 2022-04-13 11:54 294阅读 0赞

\[b\]前言：\[/b\]  
  
　　现在IE的版本不停地推陈出新，自己设备的网站在高版本的IE中总是表现的有些怪异，才实然发现DOCTYPE是个需要关注的东东。  
  
\[b\]<!DOCTYPE>的定义：\[/b\]  
  
　　<!DOCTYPE>声明位于文档中的最前面的位置，处于<html>标签之前。此标签可告知浏览器文档使用哪种HTML或XHTML规范。<!DOCTYPE> 对大小写不敏感。  
  
　　该标签可声明三种DTD类型，分别表示严格版本、过渡版本以及基于框架的HTML版本。（假如文档中的标记不遵循doctype声明所指定的DTD，这个文档除了不能通过代码校验之外，还有可能无法在浏览器中正确显示。）  
  
　　\[b\]语法\[/b\]  
  
　　HTML 顶级元素 可用性 "注册//组织//类型 标签//定义 语言" "系统标识符"  
  
　　\[b\]可能值\[/b\]  
  
　　\[color=darkred\]顶级元素\[/color\]：指定 DTD 中声明的顶级元素类型。这与声明的 SGML 文档类型相对应。 HTML 默认。HTML。  
　　\[color=darkred\]可用性\[/color\]：指定正式公开标识符(FPI)是可公开访问的对象还是系统资源。 PUBLIC 默认。可公开访问的对象。  
　　\[color=darkred\]系统标识符\[/color\]：第一对引号内的内容，为公共标识符，如果浏览器根据该标识符找不到定义，则根据系统标识符指示的位置（如本地文件或 URL)来查找DTD，。  
　　\[color=darkred\]注册\[/color\]：指定组织是否由国际标准化组织(ISO)注册。 + 默认。组织名称已注册。- 组织名称未注册。Internet 工程任务组(IETF)和万维网协会(W3C)并非注册的 ISO 组织。  
　　\[color=darkred\]组织\[/color\]：指定表明负责由 !DOCTYPE 声明引用的 DTD 的创建和维护的团体或组织的名称，即 OwnderID。 IETF IETF。W3C。  
　　\[color=darkred\]类型\[/color\]：指定公开文本类，即所引用的对象类型。 DTD 默认。DTD。  
　　\[color=darkred\]标签\[/color\]：指定公开文本描述，即对所引用的公开文本的唯一描述性名称。后面可附带版本号。 HTML 默认。HTML。  
　　\[color=darkred\]定义\[/color\]：指定文档类型定义。 Frameset 框架集文档。Strict 排除所有 W3C 专家希望逐步淘汰的代表性属性和元素，因为样式表已经很完善了。Transitional包含除 frameSet 元素的全部内容。  
　　\[color=darkred\]语言\[/color\]：指定公开文本语言，即用于创建所引用对象的自然语言编码系统。该语言定义已编写为 ISO 639 语言代码(大写两个字母)。 EN 默认。英语。  
　　\[color=darkred\]URL\[/color\]：指定所引用对象的位置。  
  
注释  
　　此声明必须出现在文档的起始处，出现在 html 标签之前。  
　　!DOCTYPE 元素不需要关闭标签。  
　　后面的系统标识符（指明DTD文档的位置）挺重要，不能省略，如省略会导致IE以Quirks（怪异）模式显示网页，具体差别请自行搜索Quirks该关键字。  
  
\[b\]<!DOCTYPE>的示例：\[/b\]  
  
<!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 的位置。  
  
\- ： 表示组织名称未注册。Internet 工程任务组(IETF)和万维网协会(W3C)并非注册的 ISO 组织。  
  
\+为默认,表示组织名称已注册。  
  
DTD ： 指定公开文本类，即所引用的对象类型。 默认为DTD。  
  
HTML ： 指定公开文本描述，即对所引用的公开文本的唯一描述性名称。后面可附带版本号。默认为HTML。  
  
URL ： 指定所引用对象的位置。  
  
Strict：排除所有 W3C 专家希望逐步淘汰的代表性属性和元素。  
  
  
\[b\]三种HTML文档类型:\[/b\]  
  
HTML 4.01 规定了三种文档类型：Strict、Transitional 以及 Frameset。  
  
a) 如果需要干净的标记，免于表现层的混乱，用HTML Strict DTD类型：  
  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">  
  
b)Transitional DTD 可包含 W3C 所期望移入样式表的呈现属性和元素. 如果用户使用了不支持层叠样式表（CSS）的浏览器以至于你不得不使用 HTML 的呈现特性时，用 Transitional DTD 类型：  
  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
  
c) Frameset DTD 被用于带有框架的文档。除 frameset 元素取代了 body 元素之外，Frameset DTD 等同于 Transitional DTD：  
  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">  
  
\[b\]三种 XML 文档类型：\[/b\]  
  
XHTML 1.0 规定了三种 XML 文档类型：Strict、Transitional 以及 Frameset。  
  
a) 如果需要干净的标记，免于表现层的混乱，用XHTML Strict DTD类型：  
  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
  
b)Transitional DTD 可包含 W3C 所期望移入样式表的呈现属性和元素. 如果用户使用了不支持层叠样式表（CSS）的浏览器以至于你不得不使用 HTML 的呈现特性时，用 Transitional DTD 类型：  
  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  
c) Frameset DTD 被用于带有框架的文档。除 frameset 元素取代了 body 元素之外，Frameset DTD 等同于 Transitional DTD：  
  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">  
  
  
\[b\]<!doctype html>\[/b\]  
  
　　<!doctype html>标明使用HTML5。因为 HTML 5 不基于 SGML，因此不需要对 DTD 进行引用，但是需要 doctype 来规范浏览器的行为（让浏览器按照它们应该的方式来运行）。  
　　建议在以后都直接用“<!doctype html>”，用<!doctype html>的话就会开启浏览器的标准兼容模式，在标准兼容模式下，不能保证与其它版本（IE6之前的，直接忽略吧）的 Internet Explorer 保持兼容，文档的渲染行为也许与将来的 Internet Explorer 不同，但也请大家放心地使用吧~~