Html 验证错误：ul不允许作为元素范围的子级

我不明白为什么WC3验证程序将此HTML标记为无效，它报告的错误是

“在此上下文中，元素ul不允许作为元素span的子元素。（正在抑制来自此子树的进一步错误。）“”

我正在使用HTML5，这段代码是为面包屑编写的

<span class="bread">
    <ul>
        <li><a href="./index.php">HOME</a></li>
        <li>ABOUT</li>
    </ul>
</span>

关于

根据定义，

是一个内联元素（例如，您可以在段落中使用它），而

是一个块元素（它是它自己的一小块空间，通常与

不同，它的前后都有空格）

---

其他人也有同样的问题，最终使用了

标签。根据html5的建议，请参见元素只能包含的内容。元素不在短语内容标记列表中。html验证引擎正在强制执行这些规则

---

您可以使用a作为容器。

如果将div样式设置为“display:inline”，则它名义上应该符合规则，同时其行为完全类似于span:）

如果将其用作面包屑，则它是一个导航元素，因此

作为

的容器最有意义。否则，给UL一类“面包屑”
，并根据其类别设置样式。
使用




关于


而不是




关于

谢谢，这很有效。在你的评论之后，我还阅读了block和inline。
<div class="bread">
    <ul>
        <li><a href="./index.php">HOME</a></li>
        <li>ABOUT</li>
    </ul>
</div>

<span class="bread">
    <ul>
        <li><a href="./index.php">HOME</a></li>
        <li>ABOUT</li>
    </ul>
</span>