瀏覽器的幾種模式

時間 2019-12-11

原文原文鏈接

doctype的幾種模式 javascript

1:標準(嚴格)模式 2:怪異(混雜)模式 html

如何觸發幾種模式java

1:觸發標準模式瀏覽器

a：加DOCTYPE聲明ui

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
2 
3   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <!DOCTYPE html>

b：設置X-UA-Compatible觸發 spa

使用一行代碼來指定瀏覽器使用特定的文檔模式 code

1 <meta http-equiv="x-ua-compatible" content="IE=9" >    
2 <meta http-equiv="x-ua-compatible" content="IE=8" >    
3 <meta http-equiv="x-ua-compatible" content="IE=7" >

觸發怪異模式的幾種狀況xml

一、沒寫DOCTYPE，這個最多見；htm

二、加XML聲明，可在ie6下觸發 <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE ...>blog

三、在XML聲明和XHTML的DOCTYPE之間加入HTML註釋，可在ie7下觸發

<?xml version="1.0" encoding="utf-8"?>

<!DOCTYPE ...>

四、<!--->放在<!DOCTYPE前面五、寫了DOCTYPE，但不在文檔的第一行，實驗證實，在DOCTYPE以前有任何非空字符都會觸發IE6的怪異模式，在IE7下，DOCTYPE以前有XML的文檔聲明並不觸發，可是在DOCTYPE和XML文檔聲明之間有任何非空字符仍然會觸發。因此，爲了避免觸發怪異模式，要保證DOCTYPE寫在整個html文檔的第一行。

查看瀏覽器的渲染模式

在IE的控制檯中輸入javascript:alert(document.compatMode)

獲取的結果

BackCompat 怪異模式

CSS1Compat 標準模式