Cremling1 wrote:Nur sie hat einen Nachteil, nämlich bei 30 oder vlt. noch ein paar mehr Adressen wird sie relativ lang nach "unten" und in der Horizontalen "verschenke" ich den Platz, wenn Du weißt, was ich meine.
Wusstest Du, dass Du mittels CSS dafür sorgen kannst, dass eine description list
exakt wie eine Tabelle aussieht?
Die Wahl des HTML-Elementes hat praktisch
nichts damit zu tun, wie es aussehen soll, bestenfalls damit, wie es „ab Werk“ aussieht, weil der Browser und/oder das Theme des Blogs bestimmte Basisstyles liefern.
Die Wahl des HTML-Elementes sollte sich stets nach der Semantik richten, also sehr vereinfacht gesagt danach, welches Elemente die Bedeutung und/oder Struktur der darzustellenden Daten am besten abbildet. Beispiel: Wenn Du die Mitglieder eines Teams aufzählen möchtest, bietet sich eine ungeordnete Liste (<ul>) an, weil es sich eben um eine Liste von Namen handelt, in der die Reihenfolge evtl. keine Rolle spielt. Natürlich
kann man für diese Liste auch eine Tabelle nehmen oder das berüchtigte (bitte nicht nachmachen!) <p>…<br>…<br>…<br>…</p> – aber damit nimmst Du eben den Geräten, Programmen und Menschen, die ggf. auf diese Daten zugreifen, die Möglichkeiten, die semantisch korrektes Markup ggf. mit sich bringt.
Noch ein einfaches Beispiel: Alle Welt wundert sich immer, wieso man Überschriften (<h1>-<h6>) nutzen soll, wenn man doch das Gleiche mit z.B. <span class="h1"> etc. erreichen kann, die man entsprechend gestaltet? Nun, weil nicht jede Form, diese Inhalte zu verarbeiten, visueller Natur ist und weil diese „eigenen“ Elemente nicht standardisiert sind. Ein Skript, das aus dem Text ein Inhaltsverzeichnis erstellen soll, kann das einfacher bzw. nur tun, wenn standardisierte Elemente verwendet wurden, die es kennt. Gleiches gilt z.B. für einen Screenreader, der Überschriften als Sprungmarken ausliest.
Andererseits
kannst Du für Deine Adressenliste auch eine Tabelle verwenden, so lange Du vernünftiges Markup für tabellarische Daten verwendest, also z.B. jeder Spalte eine Kopfzeile zuordnen kannst, was hier ja völlig problemlos geht.
Nur: Diese Tabelle „funktioniert“ auch nur da, wo die Breite des Layouts genug Platz bereit stellt, um alle Spalten nebeneinander auszugeben. Was machst Du auf kleinen Bildschirmen, z.B. Smartphones?
YL