Muss eine Tabellenzeile ( <tr>
) in einem Tabellenrumpf ( <tbody>
) liegen, wenn die Tabelle einen Tabellenrumpf hat oder kann sie außerhalb des Tabellenrumpfs existieren?
Nein, das <tr>
kann in <thead>
, <tbody>
, <tfoot>
sein oder es muss keines von ihnen sein.
Im Gegensatz zu dem, was Terrill Thomson sagte, wird eine Tabelle mit <tr>
-Tags außerhalb der Tags <thead>
, <tfoot>
und <tbody>
, aber innerhalb der <table>
-Tags gegen die W3C Markup-Validierungsdienst .
Dieses Dokument wurde erfolgreich als HTML 4.01 Transitional überprüft:
%Vor% <tbody>
wird verwendet, um den Rumpf Ihres <table>
zu markieren, wenn Ihre Tabelle die Elemente <thead>
(Tabellenkopfzeile) oder <tfoot>
(Tabellenfußzeile) enthält. Wenn Ihre Tabelle diese Elemente nicht enthält, können Sie <tbody>
nicht verwenden.
Korrekte Verwendung wäre:
%Vor% Wenn Sie eine <tr>
außerhalb von <tbody>
haben, wird die Seite nicht validiert:
Ссылка
Wie andere bereits festgestellt haben, ist <tbody>
optional, es sei denn, Sie verwenden <thead>
oder <tfoot>
. Der Hauptgrund für die Verwendung der letzten beiden Elemente besteht darin, dass Kopf- und Fußzeile auf jeder Seite wiederholt werden, wenn eine lange Tabelle gedruckt wird.
Es klingt, als würden Sie etwas wie einen Kalender erstellen, in dem Sie abwechselnde Zeilen von <th>
(z. B. für Daten) und <td>
(z. B. für Ereignisse an diesem Datum) haben möchten. Wenn das der Fall ist, sollten Sie die abwechselnden Zeilen nicht in <thead>
und <tbody>
umbrechen - dies würde die Sicherheit von Browsern beim Drucken der Seite verwirren. Wenn Sie die Gruppierungselemente einfach auslassen, wird Ihre Tabelle validiert. Einige Bildschirmleseprogramme werden jedoch möglicherweise von diesem Markup verwechselt und wenden die oberste Zeile der Kopfzeilen auf alle darunter liegenden Zellen an. Für eine komplexe Tabelle wie diese müssen Sie zusätzliches Markup hinzufügen, um sicherzustellen, dass die Screenreader verstehen, wie die Tabelle organisiert ist. Hier ist Ihr Tisch mit zugreifbarem Markup:
Alternativ können Sie überlegen, ob die Daten in mehreren Tabellen organisiert werden können oder ob eine alternative Version bereitgestellt werden kann, die für Screenreader-Benutzer einfacher zu verwenden ist. Beispielsweise könnte ein Veranstaltungskalender zusätzlich als eine Liste von Ereignissen dargestellt werden.
& lt; tbody & gt; ist optional, also lautet die Antwort "ja & lt; tr & gt; kann draußen sein "- siehe Ссылка .
Tags und Links html accessibility html-validation