使用和创建无序列表，必须用包裹每个，所有标签须闭合；可通过type属性或css的list-style-type修改符号；嵌套时在内添加实现层级；避免结构错误以确保语义与可访问性。
用 <ul></ul> 和 <li> 就能快速创建无序项目列表，结构简单、语义清晰，浏览器默认显示圆点符号。
基础写法：必须用 ul 包裹 li
无序列表由 <ul></ul> 作为容器，每个条目必须用 <li> 单独包裹，不能直接把文字放在 <ul></ul> 里。
- 正确写法：
<ul> <li>苹果</li> <li>香蕉</li> </ul> - 错误写法：
<ul>苹果<br>香蕉</ul>（缺少<li>，不合法） - 所有
<li>必须闭合，<ul></ul>也必须有结束标签
改变项目符号样式
HTML 的 type 属性可快速切换符号，但仅支持有限值；更推荐用 CSS 的 list-style-type 精确控制。
-
<ul type="disc"></ul>→ 实心圆点（默认） -
<ul type="circle"></ul>→ 空心圆圈 -
<ul type="square"></ul>→ 实心方块 - CSS 写法：
ul { list-style-type: square; }，更灵活且兼容性好
嵌套子列表实现层级结构
需要多级展示时，直接在某个 <li> 内部再写一个 <ul></ul> 即可，浏览器会自动缩进并保持符号独立。
- 水果
- 苹果
- 香蕉
- 蔬菜
- 胡萝卜
- 西兰花
避免常见错误
结构合规才能保证语义正确、屏幕阅读器友好，也方便后续用 CSS 样式化。
- 别在
<ul></ul>里放<div> 或 <code><p></p>—— 只允许<li> - 别用列表纯粹为了缩进或对齐 —— 那是 CSS 的职责
- 嵌套过深（超过三层）会影响可读性，建议用其他结构替代
- 若去掉符号，用
list-style-type: none;后，记得手动调padding-left消除默认缩进
