我可以在定义列表中使用 sub-headings 吗？

Question

我正在制作一个 "definition of terms" 页面，并希望根据主题对术语进行分组，例如有关历史或地理的术语。在<dl>中使用sub-headings如<h2>是否合适？

<dl>

  <h2>Terms about history</h2>
  <dt>Term 1</dt>
  <dd>definition</dd>
  <dt>Term 2</dt>
  <dd>definition</dd>

  <h2>Terms about geography</h2>
  <dt>Term 3</dt>
  <dd>definition</dd>
  <dt>Term 4</dt>
  <dd>definition</dd>

</dl>

Answer 1

不，那是无效的。 dl 元素不能包含 h2 元素，如 child.

您可以使用多个 dl 元素：

<h2>Terms about history</h2>

<dl>
  <dt>Term 1</dt>
  <dd>definition</dd>
  <dt>Term 2</dt>
  <dd>definition</dd>
</dl>

<h2>Terms about geography</h2>

<dl>
  <dt>Term 3</dt>
  <dd>definition</dd>
  <dt>Term 4</dt>
  <dd>definition</dd>
</dl>

也可以将一个 dl 元素与两个嵌套的 dl 元素一起使用，但我不推荐这样做，因为它不必要地复杂，而且您不能使用实际的标题:

<dl>

  <dt>Terms about history</dt>
  <dd>
    <dl>
      <dt>Term 1</dt>
      <dd>definition</dd>
      <dt>Term 2</dt>
      <dd>definition</dd>
    </dl>
  </dd>

  <dt>Terms about geography</dt>
  <dd>
    <dl>
      <dt>Term 3</dt>
      <dd>definition</dd>
      <dt>Term 4</dt>
      <dd>definition</dd>
    </dl>
  </dd>

</dl>

我可以在定义列表中使用 sub-headings 吗？

Can I use sub-headings inside a definition list?

html

semantic-markup