2013-05-31 39 views
1

我嘗試寫有效的HTML5代碼爲我的網頁,但是當我用W3驗證,我得到這樣的錯誤消息:Problme與HTML 5次的驗證

Element ul not allowed as child of element ul in this context. (Suppressing further errors from this subtree.)

我做了什麼錯誤的,我該如何解決這個問題?這裏是我的代碼:

<ul class="ul_main"> 
    <li>INFORMÁCIÓK</li> 
    <ul class="ul_sub"> 
    <li><img src="images/arrow.png" alt="" title="">ÚJ FEJLESZTŐ/KIADÓ</li> 
    <li><img src="images/arrow.png" alt="" title="">FEJLESZTŐK/KIADÓK</li> 
    </ul> 
    <li>KATEGÓRIÁK</li> 
    <ul class="ul_sub"> 
    <li><img src="images/arrow.png" alt="" title="">ÚJ KATEGÓRIA</li> 
    <li><img src="images/arrow.png" alt="" title="">KATEGÓRIÁK</li> 
    </ul> 
    <li>PLATFORMOK</li> 
    <ul class="ul_sub"> 
    <li><img src="images/arrow.png" alt="" title="">ÚJ PLATFORM</li> 
    <li><img src="images/arrow.png" alt="" title="">PLATFORMOK</li> 
    </ul> 
    <li>JÁTÉKOK</li> 
    <ul class="ul_sub"> 
    <li><img src="images/arrow.png" alt="" title="">ÚJ ALAPINFORMÁCIÓ</li> 
    <li><img src="images/arrow.png" alt="" title="">ALAPINFORMÁCIÓK</li> 
    <li><img src="images/arrow.png" alt="" title="">ÚJ JÁTÉK</li> 
    <li><img src="images/arrow.png" alt="" title="">JÁTÉKOK</li> 
    <li><img src="images/arrow.png" alt="" title="">ÚJ GALÉRIA</li> 
    <li><img src="images/arrow.png" alt="" title="">GALÉRIÁK</li> 
    </ul> 
    <li>BLOGOK</li> 
    <ul class="ul_sub"> 
    <li><img src="images/arrow.png" alt="" title="">ÚJ BLOG</li> 
    <li><img src="images/arrow.png" alt="" title="">BLOGOK</li> 
    </ul> 
    <li>BEÁLLÍTÁSOK</li> 
    <ul class="ul_sub"> 
    <li><img src="images/arrow.png" alt="" title="">ÚJ SABLON</li> 
    <li><img src="images/arrow.png" alt="" title="">SABLONOK</li> 
    <li><img src="images/arrow.png" alt="" title="">RENDSZER</li> 
    </ul> 
</ul> 

回答

4

唯一的標籤允許作爲一個<ul>的孩子是一個<li>元素。您可以將子<ul>作爲各自的<li>元素的子元素。

那麼調整你的HTML這樣的:

<ul class="ul_main"> 
    <li>INFORMÁCIÓK 
    <ul class="ul_sub"> 
     <li><img src="images/arrow.png" alt="" title="">ÚJ FEJLESZTŐ/KIADÓ</li> 
     <li><img src="images/arrow.png" alt="" title="">FEJLESZTŐK/KIADÓK</li> 
    </ul> 
    </li> 
    <li>KATEGÓRIÁK 
    <ul class="ul_sub"> 
     <li><img src="images/arrow.png" alt="" title="">ÚJ KATEGÓRIA</li> 
     <li><img src="images/arrow.png" alt="" title="">KATEGÓRIÁK</li> 
    </ul> 
    </li> 
<!-- ... --> 
+0

謝謝非常mutch!問題解決了! –

1

ul元素不能包含一個ul元素作爲孩子,你必須把之間,例如一個li

務必:

<ul> 
    <li><ul><!-- more <li> --></ul></li> 
    <!-- go on with <li>s --> 
</ul> 

不要:

<ul> 
    <ul><!-- more <li> --></ul> 
    <!-- go on with <li>s --> 
</ul> 

你的情況:

<ul class="ul_main"> 
    <li>INFORMÁCIÓK 
    <ul class="ul_sub"> 
     <li><img src="images/arrow.png" alt="" title="">ÚJ FEJLESZTŐ/KIADÓ</li> 
     <li><img src="images/arrow.png" alt="" title="">FEJLESZTŐK/KIADÓK</li> 
    </ul> 
    </li> 
    ...