Der Titel (Überschrift) wird durch die Tags <h1>-<h6> definiert, wobei <h1> das größte Tag (das wichtigste) definiert und <h6> das kleinste Tag (das unwichtigste) definiert. Es ist zu beachten, dass das Title-Tag nur für den Titel verwendet wird. Verwenden Sie das Title-Tag nicht nur, um fetten oder großen Text zu erzeugen, da die Funktion des Titels darin besteht, Benutzern das schnelle Durchsuchen der Webseite zu erleichtern, was beim Titel nicht der Fall ist wahllos verwendet werden. Diese Tags können den Titel auf der Webseite definieren (ähnlich dem Titel in Word). Durch die sinnvolle Verwendung von Titeln kann die hierarchische Struktur der Webseite klarer gemacht werden.
Tipp: Überschriften in HTML helfen Suchmaschinen, die Struktur und den Inhalt einer Webseite zu verstehen.
Standardmäßig zeigen Browser Inhalte in Überschriften in einer größeren und fetteren Schriftart an als normaler Text. Mit dem Tag <h1> definierte Überschriften haben die größte Schriftgröße, während mit dem Tag <h6> definierte Überschriften die kleinste Schriftgröße haben, wie in gezeigt das Beispiel unten:
<!DOCTYPEhtml><html><head><metacharset=UTF-8><title>Demonstration des HTML-Titel-Tags</title></head><body><h1>h1-Titel</h1><h2>h2-Titel< /h2><h3>h3-Titel</h3><h4>h4-Titel</h4><h5>h5-Titel</h5><h6>h6-Titel</h6></body></html>
Die laufenden Ergebnisse sind in der folgenden Abbildung dargestellt:
1. HTML-Titel
(1) Die Überschrift wird durch die Tags <h1> – <h6> definiert.
(2) <h1> definiert den größten Titel. <h6> definiert die kleinste Überschrift.
2. Titel sind wichtig
Stellen Sie sicher, dass Sie HTML-Titel-Tags nur für Titel verwenden. Verwenden Sie Überschriften nicht nur, um fetten oder großen Text zu erzeugen.
Suchmaschinen verwenden Header, um die Struktur und den Inhalt Ihrer Webseiten zu indizieren.
Da Benutzer Überschriften verwenden können, um schnell auf Ihrer Seite zu navigieren, ist es wichtig, Überschriften zu verwenden, um die Struktur Ihres Dokuments darzustellen.
Als Hauptüberschrift sollte h1 (das Wichtigste) verwendet werden, gefolgt von h2 (das nächstwichtigste), dann h3 und so weiter.
3. Horizontale HTML-Linien
Das <hr>-Tag erstellt eine horizontale Linie in einer HTML-Seite.
Das hr-Element kann zur Trennung von Inhalten verwendet werden.
<p>Dies ist ein Absatz. </p><hr><p>Dies ist ein Absatz. </p><hr><p>Dies ist ein Absatz. </p>
Die laufenden Ergebnisse sind in der folgenden Abbildung dargestellt:
4. HTML-Kommentare
Kommentare können in den HTML-Code eingefügt werden, um dessen Lesbarkeit zu verbessern und den Code leichter verständlich zu machen. Der Browser ignoriert Kommentare und zeigt sie nicht an.
Die Kommentare sind wie folgt verfasst:
<!--Dies ist ein Kommentar--><p>Der obige Kommentar wird nicht auf der Webseite angezeigt. </p>
Kommentar: Ein Ausrufezeichen (englisches Satzzeichen) muss unmittelbar nach der öffnenden Klammer (der linken Klammer) folgen, jedoch nicht vor der schließenden Klammer (der rechten Klammer). Die sinnvolle Verwendung von Kommentaren kann bei zukünftigen Codebearbeitungsarbeiten hilfreich sein.
5. HTML-Tipps – So zeigen Sie den Quellcode an
Haben Sie schon einmal eine Webseite angeschaut und sich darüber gewundert, wie sie gemacht wurde?
Wenn Sie es herausfinden möchten, klicken Sie einfach mit der rechten Maustaste und wählen Sie „Quelle anzeigen“ (IE) oder „Seitenquelle anzeigen“ (Firefox). Andere Browser machen dasselbe. Dadurch wird ein Fenster geöffnet, das den HTML-Code für die Seite enthält.