html - 将定义列表与有序列表结合的正确方法是什么？

Question

我想制作一个有序的定义列表。我应该嵌套一个 <ol>在 <dl> ，或者反过来？

IE。

<h4>Bike Descriptions</h4>
<dl>
    <ol>
        <li>
            <dt>Giant Bikes</dt>
            <dd>Bikes that are very sturdy and reliable.</dd>
        </li>
        <li>
            <dt>Walmart Bikes</dt>
            <dd>Bikes that are crummy and heavy.</dd>
        </li>
    </ol>
</dl>

或 窝 <dl>内 <ol>甚至在每个 <li> 内?

The docs don't seem to say.

Answer 1

根据 that documentation ，唯一的元素 a <dl>可能包含 <dt>和 <dd> :

Content model:

Zero or more groups each consisting of one or more dt elements followed by one or more dd elements, optionally intermixed with script-supporting elements.

因此，您的示例代码是无效的 HTML。唯一有效的嵌套方式 dl和 ol/ ul正在订购 ol/ ul > li > dl > dt + dd :

<h4>Bike Descriptions</h4>    
<ol>
    <li>
        <dl>
            <dt>Giant Bikes</dt>
            <dd>Bikes that are very sturdy and reliable.</dd>
        </dl>
    </li>
    <li>
        <dl>
            <dt>Walmart Bikes</dt>
            <dd>Bikes that are crummy and heavy.</dd>
        </dl>
    </li>
</ol>