HTML/CSS-Tutorial (Überschriften)

HTML/CSS-Tutorial Inhalt »

html-ueberschrift

Ein Textabsatz, der mit den HTML-Tags <p> ... </p> “umklammert” ist, kann unterschiedlich lang sein. Er kann aus vielen Zeilen bestehen oder auch nur aus einer einzelnen Zeile oder einem oder mehreren einzelnen Wörtern.

Solch ein kurzer Textabsatz könnte dann mit den HTML-Tags <strong> ... </strong> auch noch in Fett-Schrift dargestellt werden und dann als Überschrift dienen.

Für Überschriften gibt es in HTML jedoch eigene Tags und zwar <h1> ... </h1> für sehr große Überschriften bis hin zu <h6> ... </h6> für sehr kleine Überschriften.

statt...

<p><strong>Beispiel</strong></p>

...lautet die korrekte HTML-Schreibweise für Überschriften dann:

<h1>Beispiel</h1>
  • Das Anfangs-Tag <h1> sagt dem Browser:
    Hier beginnt die Überschrift.
  • Das End-Tag </h1> (Schrägstrich darf nicht fehlen!) sagt dem Browser:
    Hier endet die Überschrift.

Insgesamt gibt es in HTML durch die Zahlen h1 ... 6 sechs verschiedene Größen für Überschriften.

  • Die größte mögliche Überschrift, die mit <h1> ... </h1> gebildet wird, heißt auch "Überschrift der ersten Ordnung".
  • Die kleinste mögliche Überschrift, die mit <h6> ... </h6> gebildet wird, heißt auch "Überschrift der sechsten Ordnung".

Hier zum Vergleich die Größenunterschiede:

<h1>Überschrift</h1> 
<h2>Überschrift</h2> 
<h3>Überschrift</h3> 
<h4>Überschrift</h4> 
<h5>Überschrift</h5> 
<h6>Überschrift</h6>

Das Ergebnis ist dann:

Überschrift

Überschrift

Überschrift

Überschrift

Überschrift

Überschrift

Hierbei fällt auf, dass die Überschrift der vierten Ordnung, die mit <h4>Überschrift</h4> gebildet wird, annähernd die gleiche Größe hat, wie der Textabsatz, der nur aus der einzelnen Zeile...

<p><strong>Überschrift</strong></p>

...besteht.

Man könnte also denken, dass es in diesem Fall keinen Unterschied macht, mit welcher dieser beiden Methoden die Überschrift gebildet wird.

Rein optisch macht es auch keinen Unterschied. Es gibt jedoch einen anderen Grund, weshalb man für Überschriften die speziell dafür vorgesehenen HTML-Tags <h1> bis <h6> verwenden sollte und das hängt mit den Suchmaschinen zusammen.

Suchmaschinen durchsuchen automatisch den gesamten Text der Webseite nach Stichworten.

Dabei werden die Überschriften, die mit den HTML-Tags <h1> bis <h6> gebildet werden, höher bewertet und somit mehr berücksichtigt, als Wörter, die sich "nur" in Textabsätzen innerhalb von <p> ... </p> befinden.

Deshalb sollten für Überschriften auch tatsächlich die HTML-Tags <h1> bis <h6> verwendet werden, da sich ja meistens die wichtigsten Stichwörter eines Textes in den Überschriften befinden.

Dabei werden Überschriften der ersten Ordnung, die also mit <h1> ... </h1> gebildet werden, am höchsten und Überschriften geringerer Ordnung jeweils niedriger bewertet.

Es sollten sich auch nicht zu viele Überschriften auf der Webseite befinden, die Überschrift der ersten Ordnung sogar nur ein Mal, da sonst die höhere Bewertung wieder verloren geht.

« Fett- und Kursiv-Schrift


 

Galerien / Präsentationen...

city001-sidebar

link-icon002 Galerien-Übersicht...

Kategorien

Alle Artikel

(Inhaltsverzeichnis)

link-icon002 alphabetisch geordnet...

link-icon002 nach Datum geordnet...

soziale Netzwerke...

"Cogniclip" ist auch auf folgenden sozialen Netzwerken vertreten:

Cogniclip auf Twitter Cogniclip auf Google+
 

Per RSS Beiträge abonnieren:

RSS-Feed von Cogniclip
 

Kalender

Dezember 2017
M D M D F S S
 123
45678910
11121314151617
18192021222324
25262728293031
« Feb