驗證錯誤：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

回答