360的極速模式下頁面打開樣式完好
一旦用兼容模式打開，頁面樣式就全部錯亂了
解決方法：我們在用idea新建jsp的時候，頁面沒有自動生成<!DOCTYPE html>
這行代碼，把這行代碼加上去就OK了。
下面我就盡可能簡潔扼要的說一下DOCTYPE的作用和用法。
<!DOCTYPE> 聲明必須是 HTML 文檔的第一行，位於 <html> 標簽之前。
<!DOCTYPE> 聲明不是 HTML 標簽；它是指示 web 瀏覽器關於頁面使用哪個 HTML 版本進行編寫的指令。
在 HTML 4.01 中，<!DOCTYPE> 聲明引用 DTD，因為 HTML 4.01 基於 SGML。DTD 規定了標記語言的規則，這樣瀏覽器才能正確地呈現內容。
HTML5 不基於 SGML，所以不需要引用 DTD。
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 不用區分大小寫哦
原文博客的鏈接地址：https://cnblogs.com/qzf/