Html-LS-Tabellen

Um das gewünschte Tabellenlayout auf der Seite preise.html zu realisieren, sollte die Tabelle in einen Tabellenkopf (thead), einen Tabellenfuß (tfoot) und einen Tabellenkörper (tbody) unterteilt werden, um umfangreiche Tabellen klar und semantisch korrekt zu strukturieren.

Erläuterung:

  • Tabellenstruktur: Die Tabelle verwendet thead für die Spaltenüberschriften, tbody für die Produkt- und Preisdaten sowie tfoot für den Hinweis zu den Nettopreisen. Dies gewährleistet eine klare und zugängliche Struktur.
  • Semantik: Der Hinweis zu den Nettopreisen im tfoot-Bereich erstreckt sich über beide Spalten (colspan="2") für eine saubere Darstellung.
  • Barrierefreiheit: Die Verwendung von lang="de" und einer klaren Struktur unterstützt die Zugänglichkeit.
Weiterer Vorteil:
Wenn die Tabelle im Ausdruck größer als eine Seite ist, werden die thead- und tfoot-Teile beim Drucken auf jeder Seite wiederholt.