Überschriften im HTML
HTML-Webseite und die Überschriften
Überschriften werden benutzt, um verschiedene Textabschnitte zu unterteilen. HTML definiert sechs Stufen von Überschriften. Die Tags der Überschriften sehen so aus:
<h1>
Überschriften im HTML
</h1>
Die Ziffern bezeichnen die Stufe der Überschrift (<h1> bis <h6>). Die Überschriften selbst sind, wenn sie angezeigt werden, nicht nummeriert; sie werden entweder mit größeren oder fetten Zeichen, zentriert oder unterstrichen oder in Großbuchstaben dargestellt - aber immer auf eine Weise, die sie vom normalen Text abhebt.
Stellen Sie sich Überschriften so vor, als seien sie die Stichwörter eines Themenabrisses. Wenn der Text, den Sie schreiben, eine Struktur hat, benutzen Sie die Überschriften, um diese Struktur zu verdeutlichen, wie es in den nächsten Code-Zeilen gezeigt wird. (Beachten Sie, dass ich die Überschriften in diesem Beispiel eingerückt habe, um die Hierarchie besser darzustellen. In Ihrem Dokument müssen sie nicht eingerückt sein, und vom Browser werden die Einrückungen ohnehin ignoriert.)
<h1>
Überschriften im HTML
</h1>
<h2>
Überschriften im HTML
</h2>
<h2>
Überschriften im HTML
</h2>
<h2>
Überschriften im HTML
</h2>
<h3>
Überschriften im HTML
</h3>
<h3>
Überschriften im HTML
</h3>
<h4>
Überschriften im HTML
</h4>
<h4>
Überschriften im HTML
</h4>
<h4>
Überschriften im HTML
</h4>
<h4>
Überschriften im HTML
</h4>
<h2>
Überschriften im HTML
</h2>
Beachten Sie, dass die Überschriften, anders als der Titel, von beliebiger Länge sein können, auch über mehrere Textzeilen hinweg (da Überschriften jedoch hervorgehoben dargestellt werden, können Zeilen über Zeilen hervorgehobenen Textes auf Ihre Leser ermüdend wirken).
Es ist eine verbreitete Praxis, die erste Stufe der Überschriften zu Beginn Ihres Dokuments zu verwenden, um entweder den Titel zu duplizieren (der normalerweise woanders angezeigt wird) oder um eine kürzere Form des Titels vorzusehen. Wenn Sie zum Beispiel eine Seite haben, die Bestandteil eines langen Dokuments über das Zusammenlegen von Bettwäsche ist und verschiedene Beispiele für das Falten von Bettlaken zeigt, dann könnte der Titel ungefähr so aussehen:
<title> HTML Lernen - Grundlagen und Tutorials </title>
Die oberste Überschrift könnte dann einfach lauten:
<h1>
Beispiele
</h1>
Benutzen Sie Überschriften nicht, um Fettschrift zu erzeugen oder um einzelne Teile Ihres Dokuments hervorzuheben. Obgleich es in Ihrem Browser ganz toll aussehen mag, wissen Sie nicht, wie es aussieht, wenn andere Leute einen anderen Browser verwenden, um Ihr Dokument zu lesen. Andere Browser nummerieren vielleicht die Überschriften oder formatieren sie auf eine unerwartete Weise. Außerdem können Programme, die Webseiten-Indexe erstellen, Ihre Überschriften herausziehen, um wichtige Teile der Seite anzuzeigen. Wenn Sie Überschriften zweckentfremden, können einige Suchprogramme seltsame Ergebnisse hervorbringen.
Abbildung zeigt Überschriften im Safari.
<h1>
HTML Lernen - Grundlagen und Tutorials
</h1>
<h2>
HTML Lernen - Grundlagen und Tutorials
</h2>
<h2>
HTML Lernen - Grundlagen und Tutorials
</h2>
<h2>
HTML Lernen - Grundlagen und Tutorials
</h2>
<h3>
HTML Lernen - Grundlagen und Tutorials
</h3>
<h3>
HTML Lernen - Grundlagen und Tutorials
</h3>
<h4>
HTML Lernen - Grundlagen und Tutorials
</h4>
<h4>
HTML Lernen - Grundlagen und Tutorials
</h4>
<h4>
HTML Lernen - Grundlagen und Tutorials
</h4>
<h4>
HTML Lernen - Grundlagen und Tutorials
</h4>
<h2>
HTML Lernen - Grundlagen und Tutorials
</h2>
