Geek Answers Handbook

HTML5 Validation of Nested Tables

I am looking for HTML5 specifications in terms of tables. I am making a web application that contains many data tables.

These tables usually have a single database row mapped to a single table row. Things are good. However, one particular child of the problem has so many columns that it must be distributed over two rows in the table. So regular tables (in pseudo):

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

And the problematic line looks like this:

<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>

So now my question is: is it permissible to have nested tables in HTML5? We can easily agree that this is very ugly. But I only consider reality here.

, , ( -). , . .

? , .

+5
2

, :

<!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/:

(-) , .

+11

, (-, -, , ), <td>, <tr> , . , ... .

-4

More articles:


All Articles