Polaris Sytems Tutorial

Elemente zur Textstrukturierung: Überschriften

HMTL beinhaltet einige Elemente zur Strukturierung des Textinhalts innerhalb einer HTML Seite. Wie bereits im ersten Kapitel unseres Tutorials erwähnt, dient der HTML Code einzig der Gliederung des Layouts. Jegliche Gestaltung eines Dokumentes wird mit Hilfe von CSS (Cascading Style Sheets) realisiert. Diese Techniken werden wir in einer separaten Artikelreihe beschreiben.

Überschriften

Eine Überschrift umschreibt mit aussagekräftigen Begriffen den nachfolgenden Inhalt. Ein Leser oder auch eine Suchmaschine entscheiden somit, ob dieser Beitrag interessante bzw. relevante Informationen enthält. Mit Hilfe von HTML können verschiedene Überschriften mit den Tags <h1> bis <h6> definiert werden. Dabei nimmt h1 die höchste und h6 die niedrigste Ebene ein.

Beispiel 1
...
<body>
  <h1>Überschrift 1. Ebene</h1>
  <h2>Überschrift 2. Ebene</h2>
  <h3>Überschrift 3. Ebene</h3>
  <h4>Überschrift 4. Ebene</h4>
  <h5>Überschrift 5. Ebene</h5>
  <h6>Überschrift 6. Ebene</h6>
</body>
...
Beispiel für die verschiednen Überschriften in HTML

Und hier das Ergebnis, wie es im Firefox angezeigt wird:

HTML Überschriften

Die einzelnen Ebenen der Überschriften unterscheiden sich in ihrer Schriftgröße. Die Überschrift h1 ist wesentlich größer als eine Überschrift in der Ebene h6, da die Gewichtung auch entsprechend höher eingestuft wird.
Die hx Tags gehören zu den so genannten Blockelementen. Durch ihren Einsatz wird also automatisch ein Absatz, bzw. Zeilenumbruch vor und nach der jeweiligen Überschrift erzeugt.

Überschriften formatieren

Prinzipiell werden die Überschriften, wenn nichts anderes angegeben ist, linksbündig zum Text ausgerichtet und in der aktuell eingesetzten Farbe (standardmäßig schwarz) dargestellt. Generell hat man über HTML keinen Einfluss auf die Darstellung der Überschriften im jeweiligen Browser. Jeder Browser nutzt für die Darstellung die internen Default-Werte.
Die Überschriften Tags besitzen zwar Attribute mit denen eine Formatierung möglich wäre, diese dürfen jedoch in der HTML strict Variante (siehe: Dokumenttypangaben (Doctypes)) nicht eingesetzt werden, da sie das Aussehen (also den Layout) des Dokumentes beeinflussen. Und dies ist bekanntermaßen die Aufgabe von CSS.

Über CSS (Cascading Stylesheets) lassen sich z.B. die Schriftgröße, die Schriftart, der Wortabstand oder die Ausrichtung einer Überschrift beeinflussen.

Zuletzt aktualisiert am 04.04.2013 von Polaris Systems.

Zurück