这个 HTML 结构有效吗？
<ul class="blog-category">
<div class="three column">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</div>
<div class="three column">
<li>Item 4</li>
<li>Item 5</li>
<li>Item 6</li>
</div>
<div class="three column">
<li>Item 7</li>
<li>Item 8</li>
<li>Item 9</li>
</div>
</ul>
我正在插入 li 的内部 div，它位于 ul 内。你怎么认为？这个结构在语义上是否有效，并且会被识别为单个列表吗？
No, div不允许作为直接子代ul。每当你有疑问时，使用 W3C 验证您的页面 http://validator.w3.org或检查W3C 上的相应文章 http://www.w3.org/TR/html5/grouping-content.html#the-ul-element:
4.5.6 ul 元素
类别
流量内容 http://www.w3.org/TR/html5/content-models.html#flow-content.
可以使用该元素的上下文：
Where 流动内容 http://www.w3.org/TR/html5/content-models.html#flow-content是期待。
内容模型：
零个或多个 li 元素。
内容属性：
全局属性 http://www.w3.org/TR/html5/elements.html#global-attributes
DOM接口：
interface HTMLUListElement : HTMLElement {};
相反，你可以使用
<ul class="blog-category">
<li class="three column">
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
</li>
<li class="three column">
<ul>
<li>Item 4</li>
...
</ul>
</li>
</ul>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
