Looking for html Keywords? Try Ask4Keywords

HTMLTabellen


Einführung

Mit dem HTML-Element <table> können Web-Autoren Tabellendaten (z. B. Text, Bilder, Links, andere Tabellen usw.) in einer zweidimensionalen Tabelle mit Zeilen und Spalten von Zellen anzeigen.

Syntax

  • <table></table>
  • <thead></thead>
  • <tbody></tbody>
  • <tfoot></tfoot>
  • <tr></tr>
  • <th></th>
  • <td></td>

Bemerkungen

Die verschiedenen Tabellenelemente und ihre Inhaltsattribute definieren zusammen das Tabellenmodell. Das <table> -Element ist das Containerelement für Tabellenmodelle / Tabellendaten. Tabellen haben Zeilen, Spalten und Zellen, die von ihren Nachkommen angegeben werden. Die Zeilen und Spalten bilden ein Gitter. Die Zellen einer Tabelle müssen dieses Raster vollständig überdecken, ohne sich zu überlappen. Die folgende Liste beschreibt die verschiedenen Elemente des Tabellenmodells:

  • <table> - Das Containerelement für Tabellenmodelle / Tabellendaten. <table> repräsentiert Daten mit mehr als einer Dimension in Form einer Tabelle.
  • <caption> - Untertitel oder Titel der Tabelle (wie eine figcaption einer figure )
  • <col> - Eine Spalte (ein Element ohne Inhalt)
  • <colgroup> - Eine Gruppierung von Spalten
  • <thead> - Tabellenkopf (nur eine)
  • <tbody> - Tabellenkörper / Inhalt (mehrere sind in Ordnung)
  • <tfoot> - Tabellenfußzeile (nur eine)
  • <tr> - Tabellenzeile
  • <th> - Tabellenkopfzelle
  • <td> - Tabellenzelle

Semantisch sind Tabellen für das Halten von Tabellendaten gedacht. Sie können es sich als eine Möglichkeit vorstellen, Daten anzuzeigen und zu beschreiben, die in einem Arbeitsblatt sinnvoll sind (Spalten und Zeilen).

Die Verwendung von Tabellen für das Layout wird nicht empfohlen. Verwenden Sie stattdessen CSS-Regeln für Layout und Formatierung, einschließlich display: table .

Eine bemerkenswerte Ausnahme, die in der Branche in Bezug auf die Verwendung des <table> -Layouts angezeigt wird, betrifft HTML-E-Mail: Einige E-Mail-Clients, einschließlich Outlook, wurden auf ältere Rendering-Engines zurückgesetzt, nachdem Microsoft seinen Monopolfall im Vergleich zur EU verloren hatte. Damit Microsoft den IE nicht in das Betriebssystem integriert, wurde das Rendering-Modul von Outlook auf eine frühere Version von Trident zurückgesetzt. Dieses Rollback unterstützt moderne Web-Technologien einfach nicht. Daher ist die Verwendung von <table> -basierten Layouts für HTML-E-Mail die einzige Möglichkeit, die Browser- / Plattform / Client-Kompatibilität zu gewährleisten.

Tabellen Verwandte Beispiele