javascript - `dt`下的 `dd`组 `span`和 `dl`

Question

我试图在 dl 中显示或隐藏某些 dt/dd 组。这是有效的 HTML 吗？浏览器应该提示这个还是合法的？我查看了 dl 规范，但找不到任何说明 dl 可以包含 dt 和 dd 以外的内容的内容 children 。我需要这样做，因为我正在使用 angularJS，它提供了从 DOM

添加或删除元素的简洁方法

<dl>
  <dt>Term</dt>
  <dd>Definition</dd>

  <span ng-if="true">
    <dt>Term 2</dt>
    <dd>Definition 2</dd>
  </span>
</dl>

Answer 1

在 dl 中使用 div 分组现在对于 WHATWG HTML 是有效的，请参阅 https://html.spec.whatwg.org/multipage/semantics.html#the-dl-element

The dl element

Content model:

Either: Zero or more groups each consisting of one or more dt elements followed by one or more dd elements, optionally intermixed with script-supporting elements.

Or: One or more div elements, optionally intermixed with script-supporting elements.

<dl>
 <div>
  <dt> Last modified time </dt>
  <dd> 2004-12-23T23:33Z </dd>
 </div>
 <div>
  <dt> Recommended update interval </dt>
  <dd> 60s </dd>
 </div>
 <div>
  <dt> Authors </dt>
  <dt> Editors </dt>
  <dd> Robert Rothman </dd>
  <dd> Daniel Jackson </dd>
 </div>
</dl>