什么是<!DOCTYPE html>？
在HTML文檔初，往往會有這么一句話<!DOCTYPE html>，那么它的意義是什么呢？它是html5標准網頁聲明,全稱為Document Type HyperText Mark-up Language，意思為文檔種類為超文本標記性語言或超文本鏈接標示語言，現在是這個簡潔形式，支持html5標准的主流瀏覽器都認識這個聲明。表示網頁采用html5，<!DOCTYPE> 聲明位於文檔中的最前面的位置，處於 <html> 標簽之前。此標簽可告知瀏覽器文檔使用哪種 HTML 或 XHTML 規范。
這個標簽可聲明三種 DTD 類型，分別表示嚴格版本、過渡版本以及基於框架的 HTML 文檔。
public 這行聲明了文檔的根元素是 html，它在公共標識符被定義為 "-//W3C//DTD XHTML 1.0
Strict//EN" 的 DTD 中進行了定義。瀏覽器將明白如何尋找匹配此公共標識符的 DTD。如果找不到，瀏覽器將使用公共標識符后面的URL 作為尋找 DTD 的位置。
<!DOCTYPE html>的重要性？
1作用：聲明文檔的解析類型(document.compatMode)，避免瀏覽器的怪異模式。
BackCompat：怪異模式，瀏覽器使用自己的怪異模式解析渲染頁面。
CSS1Compat：標准模式，瀏覽器使用W3C的標准解析渲染頁面。
這個屬性會被瀏覽器識別並使用，但是如果你的頁面沒有DOCTYPE的聲明，那么compatMode默認就是BackCompat,
瀏覽器按照自己的方式解析渲染頁面，那么，在不同的瀏覽器就會顯示不同的樣式。
如果你的頁面添加了<!DOCTYPE html>那么，那么就等同於開啟了標准模式，那么瀏覽器就得老老實實的按照W3C的
標准解析渲染頁面，這樣一來，你的頁面在所有的瀏覽器里顯示的就都是一個樣子了。
這就是<!DOCTYPE html>的作用。
2 使用：<!DOCTYPE html>
2.1 使用也很簡單，就是在你的html頁面的第一行添加"<!DOCTYPE html>"一行代碼就可以了
2.2 jsp的話，添加在<%@ page %>的下一行。
2.3 不用區分大小寫
附：需要注意的問題
沒什么特別的，就是一定要將Doctype聲明放在xHTML文檔的頂部，上面哪怕多個html注釋標記都不行。
最好示例代碼也加上Doctype，否則效果會有差異。盡管我們不給出這句聲明瀏覽器照樣會將HTML文檔呈現出來，但是由於HTML版本導致的bug也許就出在這里。
本文轉載自博主 代碼惡童 原網址：https://www.cnblogs.com/Eton/p/6063450.html