Webdesign - Webseiten planen, gestalten - Free-Hack Library

HTML
Alle Elemente einer Website haben eine bestimmte Bedeutung und
sollten möglichst nur dafür eingesetzt werden, wofür sie gedacht
sind. Es ist unumgänglich, sich der Bedeutung der Elemente bewusst
zu sein und zu wissen, wann welche Elemente wie eingesetzt
werden. Die Semantik des Quelltextes ist essenziell für die Qualität,
Zugänglichkeit und Funktion der Website.
HTML-Elemente können hintereinander gereiht oder ineinander
verschachtelt werden, sie dürfen sich jedoch nie überlappen.
Anschaulich kann man sich das mit ineinander und übereinander
gestapelten Boxen vorstellen. Überlappende Elemente sind hingegen
nicht erlaubt (Abb. 4.3.3a-c).
HTML-Elemente lassen sich in zwei Gruppen unterteilen: Block-
und Inline-Elemente. Im Allgemeinen können Blockelemente
sowohl Text und Inline-Elemente als auch andere Blockelemente
enthalten. Inline-Elemente können dagegen nur Text und andere
Inline-Elemente enthalten.
In dieser strukturellen Entscheidung ist die Idee enthalten, dass
Blockelemente größere Strukturen schaffen als Inline-Elemente.
Blockelemente beginnen in einer neuen Zeile, während Inline-
Elemente einzeilig dargestellt werden. Einen Sonderfall bilden die
Elemente innerhalb von . Da ihr Inhalt nicht angezeigt wird,
stellt sich hier nicht die Frage nach Block- oder Inline-Element.
4.3.4 Sonderzeichen in Textinhalten
Dass ein muttersprachlicher Text im Herkunftsland korrekt dargestellt
wird, ist relativ selbstverständlich. In Ländern mit anderen
Umlautsystemen muss das aber nicht der Fall sein. Aus diesem Grund
werden Umlaute und Sonderzeichen in einem Format angegeben,
das weltweit verstanden wird. Durch so genannte Character Entities
werden die einzelnen Zeichen durch ASCII-Zeichenketten ersetzt und
später dann von allen Browsern korrekt dargestellt. Diese Entities
können in Tabellen nachgeschlagen werden (Abb. 4.3.4a).
4.3.5 Überschriften
Bei Überschriften handelt es sich um Blockelemente, sie werden mit
den Elementen , , , , und ausgezeichnet.
Dabei stellt eine Überschrift 1. Ordnung dar, eine
Überschrift 2. Ordnung usw. Es ist wichtig, Überschriften inhaltlich
und logisch richtig einzusetzen und keine Ordnungsebene auszulassen,
so sollte es z. B. nur eine -Überschrift pro Seite geben,
bei dieser könnte es sich z. B. um den Seitentitel handeln.
Für Nutzer von Technologien wie beispielsweise Screenreadern
gehören Überschriften zu den wichtigsten Strukturelementen
eines Dokuments. So kann aus den Überschriften ein Inhaltsverzeichnis
generiert oder von Überschrift zu Überschrift gesprungen
werden.
TECHNISCHE
GRUNDLAGEN
Zeichen Ersetzung
ä ä
Ä Ä
ö ö
Ö Ö
ü ü
Ü Ü
ß ß
€ €
¢ ¢
4
Abb. 4.3.3a, b: Valide Anordnung von
Elementen, oben: hintereinander angeordnet,
unten: verschachtelt (Grafik: Bensmann)
Abb. 4.3.3c: Ungültige Anordnung von Elementen:
Überlappende Elemente sind nicht erlaubt.
(Grafik: Bensmann)
Abb. 4.3.4a: Eine Auswahl von HTML-Entities
59