可以在`ul`中嵌入`dl`

Question

我希望列表是常规ul列表，并且在每个li中都有一个键/值对。我当时认为在dl中嵌入ul就好了......

<ul><dl>
    <li><dt>key</dt>: <dd>value</dd></li>
    <li><dt>key</dt>: <dd>value</dd></li>
    <li><dt>key</dt>: <dd>value</dd></li>
    <li><dt>key</dt>: <dd>value</dd></li>
</dl></ul>

这是否违反规范？

编辑：灵感来自@pwdst的评论......

在dl / ul中有多个单一条目li是否有任何问题？

<ul>
    <li><dl><dt>key</dt>: <dd>value</dd></dl></li>
    <li><dl><dt>key</dt>: <dd>value</dd></dl></li>
    <li><dl><dt>key</dt>: <dd>value</dd></dl></li>
    <li><dl><dt>key</dt>: <dd>value</dd></dl></li>
</ul>

Answer 1

这是无效的。 W3C Validator的具体错误是“在此上下文中，元素dl不允许作为元素ul的子元素。”。

你应该写：

<dl>
  <dt>key</dt>
  <dd>value</dd>
  <dt>key</dt>
  <dd>value</dd>
  <dt>key</dt>
  <dd>value</dd>
</dl>

然后你可以用CSS来设置这个样式。

Answer 2

ul只接受

中的li元素

ul嵌套元素列表here
dl嵌套元素列表here