HTML <!DOCTYPE> 标签 

    <!DOCTYPE html>  
    <html>  
      <head>  
        <title>文档的标题</title>  
      </head>  
      <body>  
      文档的内容......  
      </body>  
    </html>

作用

声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。

  document.compatMode，两种可能的返回值：BackCompat和CSS1Compat。解释如下：
  ①BackCompat Standards-compliant mode is not switched on. (Quirks Mode)：怪异模式，浏览器使用自己的怪异模式解析渲染页面。
  ②CSS1Compat Standards-compliant mode is switched on. (Standards Mode)：标准模式，浏览器使用W3C的标准解析渲染页面。

 

  这个属性会被浏览器识别并使用，但若没有DOCTYPE的声明，那么compatMode默认值为BackCompat,即浏览器按照自己的方式解析渲染页面，那么，在不同的浏览器就会显示不同的样式。
  如果页面添加了<!DOCTYPE>声明，那么就等同于标准兼容模式开启，浏览器就会按照W3C的标准解析渲染页面，这样你的页面在所有的浏览器里显示的就都是一个样子。
  一般，出现这种“怪异”多是对于盒模式（即CSS框模型-Box Model，规定了元素框处理元素内容、内边距、边框和外边距的方式）的解析。

 

 

定义和用法

 

   <!DOCTYPE> 声明必须是 HTML文档的第一行，位于 <html> 标签之前

 

   <!DOCTYPE> 声明不是 HTML 标签；它是指示web浏览器关于页面使用哪个 HTML 版本进行编写的指令。

 

   在 HTML 4.01 中，<!DOCTYPE>声明引用 DTD，因为 HTML 4.01基于SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。

 

   HTML5 不基于 SGML，所以不需要引用 DTD。

 

 

posted @ 2018-06-15 09:37  铭川  阅读(204)  评论(0)  编辑  收藏  举报