列清单，别再用 <br> 硬换行了：ul/ol 的正确姿势

超市购物、做菜步骤、排行榜……但凡带“一条一条”味儿的内容，就交给列表标签，别再狂敲 <br> 和 - 凑数。

两把钥匙：

• <ul> —— 无序，默认小黑圆点，适合“想买啥”这种不挑顺序的。
• <ol> —— 有序，自带 1.2.3.，适合“先干啥再干啥”这种有节奏的。

列表项统一塞 <li>，写两行就懂：

<h3>今日采购</h3>
<ul>
  <li>鸡蛋</li>
  <li>牛奶</li>
  <li>泡面（防熬夜）</li>
</ul>

<h3>开机流程</h3>
<ol>
  <li>按电源</li>
  <li>等 logo</li>
  <li>赶紧码代码</li>
</ol>

三点顺手习惯：

1. 别在 <li> 里再套整段 <div>，真要大块内容，用 CSS 把 display 改 block 就行。
2. 想换图标或数字样式？一行 list-style-type:none 干掉默认，再用 :before 自己画。
3. 嵌套列表直接 ul 里再放 ul，浏览器自动缩进，层级一目了然。

总结：
有条目就上列表，结构干净、样式好改，屏幕阅读器也能数得清。省下的时间，不如去把泡面煮了。