Warum Styling mit CSS auch für Tabellen geeignet ist

In der traditionellen Implementierung von HTML-Tabellentags können diese als schlimmstes Beispiel für Stilformatierungen dienen, die in strukturelle Markups eingebettet sind. Das Ergebnis ist ein überhäuftes und sich ständig wiederholendes Markup, das nahezu den Content verdeckt. Der nachstehende Beispielcode produziert die in Abbildung A gezeigte, sehr einfache Tabelle.

Tabellengestaltung mit CSS

Die HTML-Tabellentags beinhalten eine ganze Reihe von Formatierungsattributen, was nicht bedeutet, dass man diese auch verwenden muss. Stattdessen kann man die gleichen CSS-Stylingmethoden für Tabellen einsetzen, die man auch sonst in den Webseiten verwendet. Im Grunde kann eine Tabelle wie ein div-Element formatiert werden. Auch Tabellenzellen können formatiert werden, als ob sie eingebettete div-Elemente oder Paragrafen wären.

Der nachstehende Beispielcode produziert die in Abbildung B gezeigte Tabelle. Das macht deutlich, wie man fast alle Formatierungsinformationen aus dem Seitenmarkup entfernen und in ein CSS-Stylesheet kopieren kann.

Zunächst die CSS-Styles:

Page: 1 2 3

ZDNet.de Redaktion

Recent Posts

MadMxShell: Hacker verbreiten neue Backdoor per Malvertising

Die Anzeigen richten sich an IT-Teams und Administratoren. Ziel ist der Zugriff auf IT-Systeme.

2 Tagen ago

April-Patches für Windows legen VPN-Verbindungen lahm

Betroffen sind Windows 10 und Windows 11. Laut Microsoft treten unter Umständen VPN-Verbindungsfehler auf. Eine…

2 Tagen ago

AMD steigert Umsatz und Gewinn im ersten Quartal

Server-CPUs und Server-GPUs legen deutlich zu. Das Gaming-Segment schwächelt indes.

2 Tagen ago

Google stopft schwerwiegende Sicherheitslöcher in Chrome 124

Zwei Use-after-free-Bugs stecken in Picture In Picture und der WebGPU-Implementierung Dawn. Betroffen sind Chrome für…

4 Tagen ago

Studie: 91 Prozent der Ransomware-Opfer zahlen Lösegeld

Die durchschnittliche Lösegeldzahlung liegt bei 2,5 Millionen Dollar. Acht Prozent der Befragten zählten 2023 mehr…

4 Tagen ago

DMA: EU stuft auch Apples iPadOS als Gatekeeper ein

Eine neue Analyse der EU-Kommission sieht vor allem eine hohe Verbreitung von iPadOS bei Business-Nutzern.…

4 Tagen ago