浏览器渲染过程
拿到对应的字节内容，将这些内容转换成字符。
浏览器将会根据HTML 的标准把上一步的结果转换成 “标记（Token）”。比如 <html> 或者 <body> 这种被尖括号包住的 "标记（Token）" 均有特殊的意义
解析HTML生成DOM树。
解析CSS生成CSSOM规则树。
将DOM树与CSSOM规则树合并在一起生成渲染树。
遍历渲染树开始布局，计算每个节点的位置大小信息。【注意，这个时候，还没渲染，只是对最终形成的RenderTree进行一个计算，计算出位置等】
将渲染树每个节点绘制到屏幕。【这里才是进行真正的渲染】
案例一
如下的html文档，最后会组建成这样一个dom树
案例二
最后form会进行打包，把下面的子元素都打包进来。然后渲染到页面的时候，form是最外层，里面再套一些小的元素