li或dl中嵌套div的HTML5标准

Question

我知道在 HTML5 中不允许将 div 嵌套在 li 中，尽管您可以并且它可以工作。这是否意味着我不应该使用它？ dls中嵌套div的标准是什么？

Answer 1

此信息不正确 - div 元素被视为 flow content并且非常允许进入 li元素。您可能会将它与 ul/ol 元素混淆，后者可能只包含相应的 li。

HTML5 的变化是，它不再有 block 级元素和内联元素。相反，elements into several categories 有更复杂的区别.

要根据 HTML5 查看元素内部允许的内容，请参阅 "Content model" 部分中特定标签的描述。告诉您在这个特定元素中允许哪些内容。

编辑:解决关于列表元素的注释中的混淆

(根据截至 2019-07-30 的 HTML 生活标准)

有几种类型的列表 - 最常见的是 unordered (ul) , 和 ordered (ol)列出。 ul 和 ol 是仅包含 list item (li) 的“容器”元素作为子元素 - 不允许使用其他元素*。 li 元素本身可以包含任意 flow content .
_{*(从技术上讲，它们也可以持有 "script-supporting" elements}

<ol>
   <li></li>
   ...more li elements
</ol>

<ul>
   <li></li>
   ...more li elements
</ul>

对于 description lists (dl)曾经有同样的限制，它们只能包含各自的子元素 dt 和 dd，但最近的更改也允许 div 子元素, 只要这些 div 本身包含 dt 或 dd。

<dl>
  <dt>term</dt><dd>description</dd>
</dl>

// the following is now valid as well:

<dl>
  <div><dt>term</dt><dd>description</dd></div>
</dl>

作为助记符:容器元素应该只包含它们各自的子元素，这些子元素可以包含您喜欢的任何内容。