html - 如何在语义上为 HTML 中的列表提供标题、标题或标签

Question

为 HTML 列表提供语义标题的正确方法是什么？例如，以下列表有一个“title”/“caption”。

水果

• 苹果
• 梨
• 橙色

应如何处理“水果”一词，使其在语义上与列表本身相关联？

Answer 1

虽然没有标题或标题元素，但有效地构建您的标记可以产生相同的效果。以下是一些建议:

嵌套列表

<ul>
    <li>
        Fruit
        <ul>
            <li>Apple</li>
            <li>Pear</li>
            <li>Organge</li>
        </ul>
    </li>
</ul>

---

列表前的标题

<hX>Fruit</hX>
<ul>
    <li>Apple</li>
    <li>Pear</li>
    <li>Orange</li>
</ul>

---

定义列表

<dl>
  <dt>Fruit</dt>
  <dd>Apple</dd>
  <dd>Pear</dd>
  <dd>Orange</dd>
</dl>