Tabelle mit mehreren Titeln

Question

Ich möchte eine Tabelle mit mehreren Titeln erstellen, um verschiedene Bereiche hervorzuheben.

Grundsätzlich muss die Struktur so aussehen:

<table border="1"> 
    <tr> 
    <td>Title 1</td> 
    </tr> 
    <tr> 
    <td>Col 1</td> 
    <td>Col 2</td> 
    </tr> 
    <tr> 
    <td>Col 3</td> 
    <td>Col 4</td> 
    </tr> 
    <tr> 
    <td>Title 2</td> 
    </tr> 
    <tr> 
    <td>Col 5</td> 
    <td>Col 6</td> 
    </tr> 
    <tr> 
    <td>Col 7</td> 
    <td>Col 8</td> 
    </tr> 
    <tr> 
    <td>Col 8</td> 
    <td>Col 10</td> 
    </tr> 
</table> 

Aber ich bin mir nicht sicher, ob es gültige Code.

Gibt es einen richtigen Tag für den Titel?

Hier ist ein FIDDLE.

Answer 1

Eine richtige Art und Weise verwenden, th mit einem colspan von 2 unter Verwendung der 2 Spalten zu überbrücken.

<table border="1"> 
 
    <tr> 
 
    <th colspan="2">Title 1</th> 
 
    </tr> 
 
    <tr> 
 
    <td>Col 1</td> 
 
    <td>Col 2</td> 
 
    </tr> 
 
    <tr> 
 
    <td>Col 3</td> 
 
    <td>Col 4</td> 
 
    </tr> 
 
    <tr> 
 
    <th colspan="2">Title 2</th> 
 
    </tr> 
 
    <tr> 
 
    <td>Col 5</td> 
 
    <td>Col 6</td> 
 
    </tr> 
 
    <tr> 
 
    <td>Col 7</td> 
 
    <td>Col 8</td> 
 
    </tr> 
 
    <tr> 
 
    <td>Col 8</td> 
 
    <td>Col 10</td> 
 
    </tr> 
 
</table>

Answer 2

Sie sollten <th> Tag für den Titel verwenden.

UPD By the way, können Sie überprüfen, ob der Code gültig ist oder nicht, indem Sie diese wie dies wäre validator

Answer 3

Probieren Sie es

<table border="1"> 
 
    <tr> 
 
    <th colspan="2">Title 1</th> 
 
    </tr> 
 
    <tr> 
 
    <td>Col 1</td> 
 
    <td>Col 2</td> 
 
    </tr> 
 
    <tr> 
 
    <td>Col 3</td> 
 
    <td>Col 4</td> 
 
    </tr> 
 
    <tr> 
 
    <th colspan="2">Title 2</th> 
 
    </tr> 
 
    <tr> 
 
    <td>Col 5</td> 
 
    <td>Col 6</td> 
 
    </tr> 
 
    <tr> 
 
    <td>Col 7</td> 
 
    <td>Col 8</td> 
 
    </tr> 
 
    <tr> 
 
    <td>Col 8</td> 
 
    <td>Col 10</td> 
 
    </tr> 
 
</table>