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 요소는 아이로 ul 요소를 포함 할 수 없습니다

<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

, 당신은, 예를 들어, 사이 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> 
    ...