嵌套表的HTML5有效性

问题描述 投票:6回答:2

我正在寻找表格方面的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中嵌套表是否有效?我们很容易同意它非常难看。但我在这里只考虑有效性。

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

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

html5 validation datagrid html-table w3c
2个回答
12
投票

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

<!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/的说法是有效的:

该文档根据指定的模式以及验证器检查的其他约束进行验证。


-3
投票

嵌套表需要实际嵌套在<td>元素中,而<tr>元素又嵌套在MDN Reference和其他表中,而不是直接嵌套在表或行中。

<table>

<caption>允许的内容:

  • 一个可选的<colgroup>元素,
  • 零个或多个<thead>元素,
  • 一个可选的<tbody>元素,
  • 以下任一项:
  • 零个或多个<tr>元素
  • 一个或多个<tfoot>元素
  • 一个可选的<tr>元素

<td>允许的内容:

  • 零个或多个<th>和/或<script>元素;脚本支持元素(<template><td>)也是允许的

<table>允许的内容:

  • 流量内容。 (qazxswpoi包含在此列表中)
© www.soinside.com 2019 - 2024. All rights reserved.