我可以在定义列表中使用子标题吗?

时间:2019-06-05 10:04:27

标签: html semantic-markup

我正在制作一个“术语定义”页面,并希望根据主题对术语进行分组,例如有关历史或地理的术语。在<h2>中使用诸如<dl>之类的子标题是否合适?

<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>

1 个答案:

答案 0 :(得分:1)

不,那是无效的。 here元素不能包含h2元素作为子元素。

您可以使用多个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元素一起使用,但我不建议您这样做,因为它不必要地复杂,并且您不能使用实际的标题:< / p>

<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>