不知道爱多想的你有没有在编写HTML代码时思考过 <!DOCTYPE html> 或是这一长串看都看不懂的 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http: ...
不知道爱多想的你有没有在编写HTML代码时思考过 <!DOCTYPE html> 或是这一长串看都看不懂的 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 的代码，它是做什么的，为什么要有这句话，这句话起什么作用，它和其他HTML代码有关吗？嘤嘤嘤我才不回告诉你在前端的面试题中会经常看到对这个知识点的提问，而我们往往爱追求高大上的页面效果却忽略了最为基础的文档模式，没有文档模式的指挥，怎能得来高大上的页面效果！！那就来从这篇总结中寻找答案吧！
文档模式：
这个概念是通过使用文档类型 doctype 切换实现的，最终的两种渲染模式是混杂模式（quirks mode）和标准模式（standards mode）。这两种模式的差别就是工作在不同版本渲染引擎环境下，混杂模式会让IE的行为与（包含非标准特性的）IE5相同，标准模式则让IE的行为更接近标准行为。这两种模式主要影响css内容的呈现，在某些情况下也会JavaScript的解释执行（后面会详细说到）。之后IE又提出一种准标准模式（almost standards mode），这种模式下的浏览器特性有很多都是符合标准，但也不尽然，不标准的地方体现在处理图片间隙的时候（在表格中使用图片时问题最明显）。标准模式和准标准模式非常接近，在检测文档模式时也不会发现什么不同，这里在提到标准模式时，指的是除混杂模式之外的其他模式。
文档类型DOCTYPE定义和用法：
可以决定浏览器在哪种模式下工作。
- <!DOCTYPE>声明必须是HTML文档第一行，位于 <html> 标签之前。
- <!DOCTYPE>声明并不是HTML标签；它是指示web浏览器关于页面使用哪个HTML版本进行编写的指令，告知浏览器的解析器用什么文档类型规范来解析这个文档，针对每种规范浏览器同样也会选择对应的文档模式。
- HTML4.01中，<!DOCTYPE>声明引用DTD，因为HTML4.01基于SGML（标准通用标记语言，是现时常用的超文本格式的最高层次标准，是可以定义标记语言的元语言。HTML和（3）标准模式下的Chrome46.0.2490.80 ，要优先选择document.documentElement计算视口，而document.body.clientWidth和clientHeight默认是body元素所包含内容的总宽高，这里我设置body的width为200px了。
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com
原标题：浅谈HTML文档模式
关键词：HTML
*特别声明：以上内容来自于网络收集，著作权属原作者所有，如有侵权，请联系我们：
admin#shaoqun.com
（#换成@）。
