上一篇: html5 – 在html 5画布中进行3d变... 下一篇:控制Soundcloud HTML5 Widget播放...

嵌套表的HTML5有效性

HTML5 发布时间：2022-04-25 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了嵌套表的HTML5有效性，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

我正在寻找表格方面的 HTML5规格.
我在做一个Web应用程序有很多数据表.

这些表通常具有映射到一个表行的一个数据库行.一切都很好.
但是,一个特定问题的子项具有如此多的列,需要将其分布在表中的两行中.所以普通表是(伪)：

<table>
<thead>
<tr>
  <th>Header</th>
</tr>
</thead>
<tbody>
<tr>
  <td>Data</td>
</tr>
</tbody>
</table>

有问题的行是这样的：

<table>
<tbody>
<tr>
  <th>Header row 1</th>
</tr>
<tr>
  <td>Data</td>
</tr>
<tr>
  <th>Header row 2</th>
</tr>
<tr>
  <td>Data</td>
</tr>
</tbody>
</table>

所以现在我的问题是：在HTML5中嵌套表是否有效？
我们很容易同意它非常难看.但我在这里只考虑有效性.

如果我可以拥有嵌套表,它将解决与这些表的排序和编辑有关的任何问题(实现半数据网格功能).
这样,主表仍然可以只包含一行和两列.可排序日期和带有数据的嵌入表.

你说什么？我一直在寻找规格,但找不到任何确定的东西.

解决方法

此文档,其中只包含嵌套表：

<!DOCTYPE html>
<html>
<head>
    <Meta charset="utf-8">
    <title>A nested table</title>
</head>
<body>
    <table>
        <tbody>
            <tr>
                <td>
                    <table>
                        <tbody>
                            <tr>
                                <td>nested</td>
                                <td>Table</td>
                            </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
        </tbody>
    </table>
</body>
</html>

……根据http://validator.w3.org/nu/有效：