基本语法 - 比排队还简单
<ol>
<li>第一步:醒来</li>
<li>第二步:挣扎着起床</li>
<li>第三步:后悔昨晚熬夜</li>
</ol>
为什么需要有序列表?
- 当步骤顺序很重要时(比如如何正确泡面)
- 做排名列表时(比如"程序员最常说的五大谎言")
- 任何需要编号的情况(比如"逃避工作的十大借口")
实用技巧 - 比咖啡更提神
1. 自定义起始数字 - 不从1开始
<ol start="4">
<li>第四步:找手机</li>
<li>第五步:发现手机就在手里</li>
</ol>
2. 倒序排列 - 从高到低
<ol reversed>
<li>季军:IE浏览器</li>
<li>亚军:Flash</li>
<li>冠军:IE6</li>
</ol>
3. 改变编号类型 - 玩点花样
<ol type="A"> <!-- A, B, C... -->
<li>Plan A:正常工作</li>
<li>Plan B:假装工作</li>
</ol>
<ol type="I"> <!-- 罗马数字 -->
<li>第I阶段:学习HTML</li>
<li>第II阶段:忘记HTML</li>
</ol>
常见错误 - 血的教训
- 用有序列表做无序内容 - 就像给随机想法编序号
- 嵌套时忘记关闭标签 - 浏览器会猜,但猜得很糟糕
- 过度使用type属性 - 不是所有列表都需要罗马数字!
为什么这玩意很有用?
因为生活中太多东西需要顺序了!教程步骤、比赛排名、烹饪方法...就连"如何假装在开会"这种重要技能也需要有序列表来记录!
记住:<ol>
是HTML中的清单大师,当顺序很重要时,它就是你的最佳选择——就像早上起床后找眼镜的顺序一样重要.