验证错误：UL不允许作为元素跨度的孩子

我不明白为什么WC3验证下垂这个HTML为无效，错误会报告的回复是...验证错误：UL不允许作为元素跨度的孩子

“”元素UL不允许作为孩子元素跨度在这方面。（抑制来自该子树的进一步错误）''

我使用HTML5，并且此代码用于面包屑。

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

<span>通过定义是内嵌元素（因此使用它段落内部，例如），而<ul>是块元素（这是空间自己的小块，通常与前空间/后它不像<span>）。

其他人也有同样的问题，最终使用<div>标签代替。请参阅Is it possible to put a list inside a span tag?

2013-04-04 22:49:50

谢谢，这个工作。我也在你的评论之后在块和内联上进行了阅读。 – user2177629 2013-04-04 22:55:39

根据html5建议，<span>元素只能包含phrasing-content。 <ul>元素不在短语内容标签列表中。 html验证引擎正在执行这些规则。可以使用<div>作为容器。

2013-04-04 22:53:39

，如果你的风格股利为“显示：内联”应该名义上符合规则，而表现完全像一个跨度:)

2013-04-10 11:17:42

如果你使用它作为一个面包屑，这是一个导航元素所以<nav>作为您的<ul>的容器最有意义。否则，给UL一类“面包屑”<ul class="breadcrumb">，并根据它的类别进行设计。使用

2014-03-05 21:21:07 HundredVisionsGuy

<div>

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

代替<span>

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

2014-11-12 10:47:06 maheshwaghmare

回答