html - 如何标记 HTML 列表的标题

Question

据我所知，没有专门的元素——比如 <caption>对于表格，<figcaption>对于数字等——标记列表的标题。我应该使用什么标记？

在 HTML 3.0 中，there was an element <LH> 但现在已弃用。

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget enim nec metus feugiat porta. Suspendisse convallis dictum tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi vitae erat in nisl suscipit rutrum.

Fruits I love:

• Ananas

• Raspberry

• Banana

In in mauris vel diam eleifend adipiscing. Proin id neque quam, eu mattis ipsum. Nulla facilisi. Sed id sapien eget mi cursus placerat vel sed justo. Integer vel pellentesque magna. Donec quis nisi lacus, accumsan rhoncus leo. Quisque tempor metus vitae nisl eleifend aliquet. Maecenas adipiscing purus magna.

Answer 1

您似乎想要一个 HTML5 答案。如果您所有的列表都有标题，我会使用 <dl> (现在意味着 描述 列表)与单个 <dt>标题和列表项为 <dd>的:

<dl>
    <dt>Fruits I love:</dt>
    <dd>Ananas</dd>
    <dd>Strawberry</dd>
</dl>

如果你混合了很多有/没有标题的列表，我会坚持使用 <ul>/<ol>并使用正常 <hX>的。包装 <hX>和 <div> 中的列表保留语义:

<div class="list">
    <h2>Fruits I love:</h2>
    <ul>
        <li>Ananas</li>
        <li>Strawberry</li>
    </ul>
</div>