TH- und TD-HTML-Tabellen-Tags

Tische haben längst einen schlechten Ruf bekommen Web-Design. Vor vielen Jahren wurden HTML-Tabellen für das Layout verwendet, wofür sie offensichtlich nicht gedacht waren. Als CSS für Website-Layouts populär wurde, kam die Idee, dass "Tische sind schlecht“ griff. Leider haben viele Leute dies missverstanden, um zu bedeuten, dass HTML-Tabellen die ganze Zeit alle schlecht sind. Das ist überhaupt nicht der Fall. Die Realität ist, dass HTML-Tabellen schlecht sind, wenn sie für etwas anderes als ihren eigentlichen Zweck verwendet werden, nämlich die Anzeige von Tabellendaten (Tabellen, Kalender usw.). Wenn Sie eine Website erstellen und eine Seite mit solchen Tabellendaten haben, sollten Sie nicht zögern, ein HTML-Tabelle Auf deiner Seite.

Was tun? und Tun?

Das

 -Tag oder "Tabellendaten"-Tag erstellt Tabellenzellen innerhalb einer Tabellenzeile in einer HTML-Tabelle. Dies ist das HTML-Tag, das Text und Bilder enthält. Im Grunde ist dies das Arbeitspferd-Tag Ihrer Tabelle. Die Tags enthalten den Inhalt der HTML-Tabelle.

Das

 -Tag oder "Tabellenüberschrift" ähnelt dem  auf viele Arten. Es kann die gleiche Art von Informationen enthalten (obwohl Sie kein Bild in ein Bild einfügen würden) ), aber es definiert diese spezielle Zelle als Tabellenüberschrift.

Die meisten Webbrowser ändern die Schriftstärke in Fettschrift und zentrieren den Inhalt in einer Zelle. Natürlich kannst du verwenden CSS-Stile um diese Tabellenüberschriften sowie den Inhalt Ihrer Tags so zu gestalten, wie sie auf der gerenderten Webseite aussehen sollen.

Wann sollten Sie verwenden Lieber als ?

Das

-Tag sollte verwendet werden, wenn Sie den Inhalt in der Zelle als Überschrift für diese Spalte oder Zeile festlegen möchten. Die Tabellenkopfzellen befinden sich normalerweise am oberen Rand der Tabelle oder an der Seite – im Grunde die Überschriften am oberen Rand der Spalten oder die Überschriften ganz links oder am Anfang einer Zeile. Diese Überschriften werden verwendet, um den Inhalt darunter oder daneben zu definieren, wodurch die Tabelle und ihr Inhalt viel einfacher zu überprüfen und schnell verarbeitet werden können.

Verwende nicht um Ihre Zellen zu stylen. Da Browser dazu neigen, Tabellenkopfzellen unterschiedlich anzuzeigen, versuchen einige faule Webdesigner möglicherweise, dies auszunutzen und das Tag zu verwenden, wenn der Inhalt fett und zentriert. Das ist aus mehreren Gründen schlecht:

1. Sie können sich nicht darauf verlassen, dass Webbrowser den Inhalt immer auf diese Weise anzeigen. Zukünftige Browser können die Farbe standardmäßig ändern oder überhaupt keine visuellen Änderungen vornehmen  Inhalt. Sie sollten sich niemals ausschließlich auf Standardbrowserstile verlassen und niemals ein HTML-Element verwenden, weil es standardmäßig "aussieht".
2. Es ist semantisch falsch. Benutzeragenten, die den Text lesen, können hörbare Formatierungen wie "Zeilenüberschrift: Ihr Text" hinzufügen, um anzuzeigen, dass er in einem Zelle. Darüber hinaus drucken einige Webanwendungen die Tabellenüberschriften oben auf jeder Seite, was zu Problemen führen, wenn die Zelle eigentlich kein Header ist, sondern aus stilistischen Gründen verwendet wird nur. Fazit – Die Verwendung von Tags auf diese Weise kann für viele Benutzer zu Problemen mit der Barrierefreiheit führen, insbesondere für diejenigen, die unterstützte Geräte für den Zugriff auf Ihre Websiteinhalte verwenden.
3. Du solltest benutzen CSS um zu definieren, wie die Zellen aussehen. Die Trennung von Stil (CSS) und Struktur (HTML) ist seit vielen Jahren eine Best Practice im Webdesign. Verwenden Sie erneut a, weil der Inhalt dieser Zelle eine Kopfzeile ist, und nicht, weil Sie die Art und Weise mögen, wie der Browser diesen Inhalt wahrscheinlich standardmäßig rendert.