HTML
Überschriften

Angular 2 AngularJS ASP.NET CSS Java Language JavaScript jQuery PHP Python Language twitter-bootstrap
Suche…


Einführung

HTML bietet nicht nur einfache Absatz-Tags, sondern sechs separate Header-Tags, um Überschriften verschiedener Größen und Stärken anzuzeigen. Überschrift 1 bis Überschrift 6 enthält die größten und dicksten Texte, während Überschrift 6 bis zur Absatzebene der kleinste und dünnste ist. In diesem Thema wird die ordnungsgemäße Verwendung dieser Tags beschrieben.

Syntax

  • <h1>...</h1>
  • <h2>...</h2>
  • <h3>...</h3>
  • <h4>...</h4>
  • <h5>...</h5>
  • <h6>...</h6>

Bemerkungen

  • Ein h1 - h6 Element muss sowohl ein Starttag als auch ein Endtag haben. 1

  • h1 - h6 Elemente sind standardmäßig Elemente auf Blockebene (CSS-Stil: display: block ). 2

  • h1 - h6 Elemente sollten nicht mit dem Abschnittselement verwechselt werden

  • Überschriften-Tags ( h1 - h6 ) beziehen sich nicht auf das head Tag.

  • Zulässiger Inhalt: Formulierungsinhalt

  • Die verschiedenen CSS-Stile für Überschriften unterscheiden sich normalerweise in der font-size und im margin . Die folgenden CSS-Einstellungen für h1 - h6 Elemente können als Orientierung dienen (vom W3C als "informativ" bezeichnet)

  • Suchmaschinenspinnen (der Code, der einer Suchmaschine eine Seite hinzufügt) schenkt automatisch mehr Aufmerksamkeit auf höhere Wichtigkeit (h1 hat die meisten, h2 hat weniger, h3 hat noch weniger, ...) Überschriften, um zu erkennen, worum es bei einer Seite geht.

Überschriften verwenden

Überschriften können verwendet werden, um das Thema zu beschreiben, dem sie vorangehen, und sie werden mit den Tags <h1> bis <h6> . Überschriften unterstützen alle globalen Attribute .

  • <h1> definiert die wichtigste Überschrift.
  • <h6> definiert die unwichtigste Überschrift.

Überschrift definieren: 

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

Die richtige Struktur ist wichtig

Suchmaschinen und andere Benutzeragenten indizieren normalerweise den Seiteninhalt basierend auf Überschriftenelementen, z. B. zum Erstellen eines Inhaltsverzeichnisses. Daher ist es wichtig, die richtige Struktur für Überschriften zu verwenden.

Im Allgemeinen sollte ein Artikel ein h1 Element für den Haupttitel aufweisen, gefolgt von h2 Untertiteln. Falls erforderlich, wird eine Ebene nach unten verschoben. Wenn h1 Elemente auf einer höheren Ebene vorhanden sind, sollten sie nicht zur Beschreibung von Inhalten niedrigerer Ebenen verwendet werden.

Beispieldokument (zusätzliche Absicht zur Veranschaulichung der Hierarchie): 

<h1>Main title</h1>
<p>Introduction</p>

    <h2>Reasons</h2>

        <h3>Reason 1</h3>
        <p>Paragraph</p>

        <h3>Reason 2</h3>
        <p>Paragraph</p>

    <h2>In conclusion</h2>
    <p>Paragraph</p>


Modified text is an extract of the original Stack Overflow Documentation
Lizenziert unter CC BY-SA 3.0
Nicht angeschlossen an Stack Overflow