Question

我正在写一份有序清单。对于列表中的每个元素，我想要有两行。一个用于项目的名称，另一个用于项目的描述。

这就是我目前正在做的事情：

<ol>
    <li>
        <ul>
            <li>Item one</li>
            <li>An explanation of the item.</li>
       </ul>
    </li>
    <li>
        <ul>
            <li>Item two</li>
            <li>An explanation of the item.</li>
        </ul>
    </li>
</ol>

实现我想要的东西似乎很多。有谁知道更快的方法来解决这个问题？

Answer 1

您可能希望使用定义列表（<dl>）而不是内部ul。

<dl>
   <dt>Dog</dt>
   <dd>A carnivorous mammal of the family Canidae.</dd>
</dl>

Answer 2

怎么样：

<ol>
    <li>
        <h3>Item one</h3>
        <p>An explanation of the item.</p>
    </li>
    <li>
        <h3>Item two</h3>
        <p>An explanation of the item.</p>
    </li>
</ol>

（将<h3>替换为文档中该上下文中的相应级别标题 - 或者，如果您使用的是HTML5，请将<ol>包装在<section>标记中，并使用{ {1}}取代<h1>。）

或者您真的需要有序清单吗？如果没有，definition list就是：

<h3>

带有描述的有序列表

2 个答案: