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

Question

我想制作一个有序的定义列表。我应该将 an 嵌套<ol>在 a 中<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>？

文档似乎没有说。

Answer 1

根据该文档， a<dl>可能包含的唯一元素是<dt>and <dd>：

内容模型：

零个或多个组，每个组由一个或多个dt元素和一个或多个dd元素组成，可选地与支持脚本的元素混合。

因此，您的示例代码是无效的 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>