HTML5-Header-Tag

Der Das Element wird verwendet, um die Kopfzeilen auf der HTML-Seite anzuzeigen. Es gibt verschiedene Überschriftenelemente wie die Elemente

,

bis

. Wir können Header verwenden, indem wir die Tags

bis

verwenden, die die Schriftgröße entsprechend den Header-Tags definieren. Beachten Sie, dass das -Tag aus der HTML5-Spezifikation entfernt wurde. Wir verwenden dieses Element in unserem Beispiel nicht. Das

-Tag stellt die Gruppe der Navigator-Steuerelemente dar. Dieses Tag kann in einem Dokument mehrfach verwendet werden. Dies führt dazu, dass dieses Tag mehrmals übermäßig verwendet wird und reduziert werden kann.

Kurz gesagt, das

-Tag wird zum Gruppieren der Sammlung von Header-Tags wie

verwendet. Wenn Sie ein einzelnes Formatierungs-Tag wie

verwenden, ist die Verwendung des Header-Tags nicht erforderlich.

Syntax des

-Tags

<header> Body content </header>

Browser-Unterstützung

Das

-Element wird in den Browsern Internet Explorer 9, Firefox, Opera, Chrome und Safari unterstützt.

Beispiel für ein

-Tag

<!doctype html>
<head>
<meta charset="UTF-8">
<title>HTML 5 Example by JavaBeat.net</title>
</head>
<body>
<header>
<span style="color:brown;font-style:italic;">JavaBeat Version 1.0</span>
<hr>
</header>
<article>
  <h1>HTML5</h1>
  <div style="width:800px">
  <p style="text-align:justify">HTML5 is the latest standard for HTML.
   The previous version of HTML, HTML 4.01, came in 1999, and
   the internet has changed significantly since then.
   HTML5 was designed to replace both HTML 4, XHTML,
    and the HTML DOM Level 2.</p>
 </div>
<footer>
 <span style="color:brown;font-style:italic;">Copyright &copy;2014</span>
</footer>
</body>
</html>
  • Das
    -Element wird verwendet, um den Header auf der HTML-Seite anzuzeigen.

Beispielanwendungstest

  • Speichern Sie die Datei als header_example.html in Ihrem System.
  • Öffnen Sie einfach die Datei im Browser. Sie sehen das folgende Bild im Browser. Beachten Sie, dass der Browser die HTML5-Spezifikation unterstützen muss.

Ausgabe

Wenn der Ausführungsprozess erfolgreich abgeschlossen ist, erhalten wir die folgende Ausgabe:
HTML5-Header

Kommentar verfassen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Nach oben scrollen