누구든지 유효한 HTML로이를 수행하는 방법을 말할 수 있습니까?

Question

나는이 작업을 수행 할 수있는 유효한 방법을 알아 내려고 내 뇌를 고문하고, 여기에 내가 반복 한 코드의 샘플입니다

<ul id="accordion"> 
         <li><div>20th August</div> 
          <ul> 
           <table class="releases-table"> 
            <tr> 
             <th>Game Title</th> 
             <th>Achievements</th> 
             <th>Points</th> 
            </tr> 
            <tr> 
             <td >Fastball 3 for iPad</td> 
             <td>12</td> 
             <td>330</td> 
            </tr> 
            <tr> 
             <td >Caterpillar Kate</td> 
             <td>17</td> 
             <td>400</td> 
            </tr> 
           </table> 
          </ul> 
         </li> 
</ul> 

을 나는 리와 테이블 많은 시간을 외부 UL 내부는, 지금 저는 독서를하면서 li 또는 다른 ul 안에 ul을 넣을 수는 없지만 다른 변형을 실험했습니다.하지만 지금은 내 페이지가 똑같아 보이지 않는 솔루션을 찾고 있습니다. ,하지만 html 5 유효한 코드를 사용합니다.

감사합니다.

Answer 1

자바 스크립트 아코디언 위젯이 작동하려면 여기 구조 출력이 필요하다고 가정합니다.

Javascript 매개 변수를 통해 아코디언 컨테이너의 id/html을 지정할 수 있습니다. jquery ui (http://jqueryui.com/accordion/)와 같은 라이브러리가 아니라면 유효한 HTML이 필요하다는 점을 강조해야합니다.

대부분의 브라우저는 HTML을 구문 분석하고 의도 한대로 표시하는 데 문제가 없으므로 그대로 두십시오.

Answer 2

기술적으로 유효하게 만드는 유일한 방법은 TABLE을 둘러싼 LI 태그입니다.