浏览器的几种模式

时间 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 标准模式