HTML 标签

示例代码

  
    
  
  
  文档的内容......
  

  在编写HTML或JSP页面时，如果不注意声明将会产生出乎意料的效果。笔者曾经使用JSP开发小网站时遇到了一个棘手的情况：某页面在Chrome、Firefox、IE11等浏览器下显示均正常，但在IE8下显示异常。起初，笔者认为是CSS代码出现问题，后来经过调试排除CSS的原因，而是未声明导致的。于是，添加该标签问题得以解决。

  下面，笔者简明扼要的介绍一下声明的作用和用法：

作用

  声明文档的解析类型(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,即浏览器按照自己的方式解析渲染页面，那么，在不同的浏览器就会显示不同的样式。
  如果页面添加了声明，那么就等同于标准兼容模式开启，浏览器就会按照W3C的标准解析渲染页面，这样你的页面在所有的浏览器里显示的就都是一个样子。
  一般，出现这种“怪异”多是对于盒模式（即CSS框模型-Box Model，规定了元素框处理元素内容、内边距、边框和外边距的方式）的解析。

定义和用法

    声明必须是 HTML文档的第一行，位于 标签之前

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

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

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

   更多资料，请参考W3School：http://www.w3school.com.cn/tags/tag_doctype.asp