如何标记 HTML 列表的标题

Question

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

在 HTML 3.0 中，有一个元素，<LH>但现在已弃用。

Lorem ipsum dolor 坐 amet，consectetur adipiscing 精英。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 在 nisl suscipit rutrum。

我喜欢的水果：

• 凤梨

• 覆盆子

• 香蕉

在 mauris vel diam eleifend adipiscing。Proin id neque quam, eu mattis ipsum。Nulla facilisi。Sed id sapien eget mi cursus placerat vel sed justo。整数 vel pellentesque magna。Donec quis nisi lacus, accumsan rhoncus leo。古怪的时间 metus vitae nisl eleifend aliquet。Maecenas adipiscing purus magna。

Answer 1

看起来您想要 HTML5 答案。如果您的所有列表都有标题，我将使用带有单个标题的<dl>（现在表示描述列表），<dt>并且列表项为<dd>'s：

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

如果你混合了很多有/没有标题的列表，我会坚持使用<ul>/<ol>并使用普通<hX>的。将<hX>和 列表包装在 a 中<div>以保留语义：

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