渲染引擎不解析“列表”语义,仅按规范解析标签生成dom节点;列表结构是开发者主观归纳,样式与布局由cssom和渲染树决定。

渲染引擎不“解析列表”,它只解析标签和属性
浏览器渲染引擎(Blink、WebKit、Gecko)根本不会识别“列表”这个语义概念。它只按 HTML 规范逐字节解析出 <ul></ul>、<ol></ol>、<li> 这些标签,生成对应的 DOM 节点,然后交给后续流程处理。所谓“列表结构”,是开发者对一组嵌套节点的主观归纳,不是解析器的输入或输出。
DOM 构建阶段:<ul></ul> 和 <li> 只是普通元素节点
在构建 DOM 树时,<ul></ul> 被当作一个 HTMLUListElement 节点,<li> 是 HTMLLIElement 节点,它们和其他元素一样参与树构造:
- 遇到
<ul></ul>开始标签 → 创建新节点并压入栈 - 遇到
<li>→ 创建节点,作为当前<ul></ul>的子节点插入 - 遇到隐式闭合(如又出现
<ul></ul>或
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











