最简纯文本列表应直接用<ul>包裹<li>，浏览器默认渲染圆点、换行与缩进，语义正确且无需CSS；若去圆点，可内联style="list-style-type: none; padding-left: 0;"。
怎么用 <ul> 和 <li> 做最简列表
纯文本列表不需要 CSS 也能清晰可读，关键在于语义正确和缩进合理。浏览器默认会为 <ul> 加圆点、为 <li> 自动换行并缩进，直接写就能用。
- 每项用一个
<li>包裹，别漏闭合标签 -
<ul>必须包裹所有<li>，不能只写<li> - 避免在
<li>里嵌套<p>——列表项本身已有段落语义 - 换行靠回车不影响渲染，但建议每行一个
<li>方便编辑
<ul> <li>苹果</li> <li>香蕉</li> <li>橙子</li> </ul>
去掉圆点又不想写CSS怎么办
新手常想“去掉默认圆点”，但又怕搞砸样式。其实可以用 list-style-type 的内联方式快速关闭，不碰外部文件：
- 加
style="list-style-type: none;"到<ul>标签上 - 若要保留缩进，补一句
padding-left: 0;（否则部分浏览器会留空隙） - 别用
display: inline或float——容易让列表塌陷或错行
<ul style="list-style-type: none; padding-left: 0;"> <li>第一项</li> <li>第二项</li> </ul>
有序列表 vs 无序列表选哪个
看内容逻辑：强调顺序或步骤用 <ol>，强调并列项用 <ul>。两者默认样式不同，但结构完全一致。
-
<ol>默认数字编号，支持start属性（如start="3"） -
<ul>默认实心圆点，更轻量，适合普通罗列 - 别为了“好看”硬改语义——比如用
<ol>列菜单项，屏幕阅读器会误读为步骤 - 嵌套时，
<ul>里套<ul>或<ol>都合法，但层级别超三层，易乱
常见排版翻车点
新手写完发现“没换行”“挤成一行”“缩进不对”，大概率是这几个地方出问题：
立即学习“前端免费学习笔记（深入）”；
- 漏写
</li>—— 浏览器会自动闭合，但后续<li>可能被吞进前一项里 - 把换行符当格式控制——HTML 忽略多余空格和回车，靠标签结构而非缩进
- 在
<li>外写文字（如<ul>文字<li>项1</li></ul>），文字会跑到列表上方且无样式 - 复制粘贴富文本（如 Word）内容，带隐藏格式，导致
<li>被包进<span>或样式混乱
检查方法：右键 → “查看网页源代码”，确认每个 <li> 都完整闭合，且都在 <ul> 或 <ol> 内部。
