列表的正确书写方法

Question

这是我思考了一段时间的事情，因为我在实践中看到了两者的使用。

方法 1

<ol>
    <li>List item 1</li>
    <li>List item 2
        <ol>
            <li>List item 3</li>
        </ol>
    </li>
    <li>List item 4</li>
</ol>

这对我来说在语义上似乎是正确的，因为子列表是该列表项的子列表，但它不是很干净（List Item Content ）。

方法 2

<ol>
    <li>List item 1</li>
    <li>List item 2</li>
        <ol>
            <li>List item 3</li>
        </ol>
    <li>List item 4</li>
</ol>

更清晰，但不能直接理解该列表是项目 2 的子列表（尽管通过人类推理可以理解）。

顺便说一句，这纯粹是语义标记的问题，两种方法在页面上呈现相同的内容。

所以，你觉得怎么样？ 尽可能使用来源是更好的选择，但个人使用也很好。 我注意到 MediaWiki 的分级目录正在使用方法 1，这让我相信这是正确的用法。

Answer 1

方法 2 不是有效的 HTML。 不允许 OL 作为另一个 OL 元素的直接子元素。 OL 中仅允许使用 LI。

此外，由于缩进，第 2 项的子列表的成员资格仅对人类读者可见。 使用LI进行缩进，看起来内部列表本身就是第三项。 我可能期望这样的渲染，有两个数字：

1. List item 1
2. List item 2
3. 1. List item 3
4. List item 4

方法 1 是最佳选择。

Answer 2

方法1是正确的。

Answer 3

HTML 4.01 仅允许 OL 中的 LI 项。 然而，LI 的结束标记是可选的。 这意味着这相当于您的方法 1：

<ol>
   <li>List item 1
   <li>List item 2
      <ol>
        <li>List item 3
      </ol>
   <li>List item 4
</ol>

对于读者来说，结束 LI 的位置有些模糊 - 尽管规范明确表示它将在结束 OL 之后。

XHTML 1.1 具有相同的限制，但是强制使用结束 LI 使其明确。