任何人都可以告诉如何做这个有效的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里面我有很多次的李和桌子，现在我知道从做一些阅读我不能把一个ul放在里面或另外一个ul，我已经尝试了不同的变化，但我来到这里寻找这个解决方案不仅可以使我的页面看起来像现在一样，而且使用html 5有效代码。

谢谢。

Answer 1

我假设你的Javascript手风琴小工具需要这里的结构输出。

可以通过Javascript参数指定手风琴容器的id / html。如果你不坚持，那么像jquery ui（http://jqueryui.com/accordion/）这样的库可能会更有用，你需要有效的HTML。

或者只是保持原样，因为大多数浏览器在解析HTML并按预期显示时都没有问题。

Answer 2

我认为唯一缺少技术上有效的东西是围绕你的TABLE的LI标签。