任何人都可以告訴如何做到這一點作爲有效的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和表很多次，現在我從閱讀中得知，我不能在一個li或另一個ul中放置一個ul，我已經嘗試了不同的變體，但是當我尋求解決方案時，我會來這裏，不僅讓我的網頁看起來像現在一樣，但使用html 5有效的代碼。

謝謝。

Answer 1

我假設這裏的結構輸出是您的Javascript手風琴小部件工作所必需的。

可能通過Javascript參數指定手風琴容器的id/html。如果不是像jquery ui這樣的庫（http://jqueryui.com/accordion/）可能會更有用，如果你堅持你需要有效的HTML。

或者只是保留它，因爲大多數瀏覽器不會解析該HTML並按預期顯示它。

Answer 2

我認爲唯一缺少的技術上有效的是圍繞您的TABLE的LI標籤。