正确的写清单的方法

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 right next to it>).

方法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的Heirachial TOC正在使用方法1,这鼓励我相信这是正确的用法.

Answer 1

方法2不是有效的HTML.OL不允许作为另一个OL元素的直接子元素.只LI允许进入OL.

此外,由于缩进,第2项的子列表的成员资格对于人类读者来说是显而易见的.使用LIs 进行缩进,看起来内部列表本身就是第三个项目.我可能期望像这样的渲染,有两个数字:

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

方法1是要走的路.