效果
前进, 后退
网页展示了一个简单的 HTML 页面的 DOM 渲染过程. 用户点击前进,后退按钮时, 页面左侧会显示出当前的 HTML 代码, 右侧则会显示出实时的 DOM 结构图:
?...需要注意的是, 虽然 HTML 和 DOM 两者关系紧密(DOM 是由 HTML 文件构建而来), 但他们并不是相同的....你应该将 HTML 看作是浏览器用来渲染 DOM 元素(页面 UI) 的蓝图. 浏览器甚至可以可以修复这个蓝图(HTML)中的问题, 并构建出有效的 DOM....接下来是 标签, 将其放置在 html 节点下:
?
继续解析, 遇到 标签, 因为其是 的子标签, 故将其放置在 head 节点下.
?...接下来解析到 标签, 因其为 的子标签, 故将其放置在 html 节点下:
?
然后是 标签, 放置在 body 节点下:
?