16.2、渲染引擎、声明HTML、渲染模式

浏览器的组成部分

浏览器组成部分

页面渲染的过程

  • 其中DOM代表的是JS中生成的DOM，或对DOM的操作

renderTree的构建过程

  • 根据html结构生成domTree 通过cssom形成样式tree
  • domtree和样式tree有机结合后，生成rendertree

浏览器渲染模式的种类

  • 以下为HTML的声明，告知浏览器使用哪种模式进行渲染


<!DOCTYPE html>

  • 如果使用<!DOCTYPE html>代表HTML5的标准模式
  • 如果未写任何声明，则代表怪异模式。
  • 怪异模式下，ie6的盒子模型的宽高会受border、padding影响、行内元素可以设置宽高。其他浏览器怪异模式已和标准模式一致。
  console.log(document.compatMode);
  CSS1Compat: 标准模式
  BackCompat: 怪异模式

DTD含义

  • 其中XHTML是要求标签必须闭合，标签名要小写等。
  • DTD是一共规范，但页面如果没有遵守规范也不会报错。
  • 现代所有的网站都要求使用html5的声明方式。
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

友情链接更多精彩内容