Problme с HTML 5 валидация

Question

Я пытаюсь написать HTML5 правильный код для моей веб-страницы, но когда я использую W3 валидатор, я получаю сообщение об ошибке, как это:

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> 

Answer 1

Единственный тег допускается в качестве ребенок до <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> 
<!-- ... --> 

Answer 2

ul элемент не может содержать ul элемент, как ребенок, вы должны поставить li между, например,

Do:

<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> 
    ...