Was bedeutet Header-Definition in HTML?

In HTML definiert das Header-Tag den Header des Dokuments. Das Syntaxformat ist „

content

“. Das Header-Element ist ein Strukturelement mit Leit- und Navigationsfunktionen. Es wird normalerweise verwendet, um den Titel der gesamten Seite oder eines Inhaltsblocks innerhalb der Seite zu platzieren.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, CSS3- und HTML5-Version, Dell G3-Computer.

1. Grundlegende Einführung in das Header-Tag-Element

Vor der HTML5-Version war es üblich, div-Tags zum Layouten von Webseiten zu verwenden. In HTML5 wurde ein neues Header-Tag-Element basierend auf dem div-Tag hinzugefügt. Wird auch „

“ genannt. In der Vergangenheit haben wir Webseiten im Div-CSS-Layout häufig in Kopfzeile, Inhalt und Ende unterteilt. Bei großen Strukturen verwenden wir häufig Divs mit IDs für das Layout. Der Header wird häufig mit

oder

gestaltet ist kein div.-Tag erforderlich, sondern ein neues Element-Tag hinzufügen.

Es ist bekannt, dass „Header“ ein häufig verwendeter Name im HTML-Layout ist, daher wurde HTML5 ein neues Header-Tag-Element hinzugefügt. Sie können verstehen, warum der Header in HTML5 als Beschriftungselement hinzugefügt wird.

Zusätzlich zur direkten Verwendung des Header-Tags können Sie auch Klasse oder ID für den Header festlegen.

2. Syntaxstruktur

Das Header-Tag-Element wird genauso verwendet wie div. Es gibt einen Anfang und einen Abschluss.

Grammatik:

<header>内容</header>

1. Geben Sie keine ID oder Klasse an

<header>头部内容区</header>

3. Legen Sie die Klasse fest

<header id=”pcss5”>头部内容区</header>

4 Zeiten und an verschiedenen Orten. Verwenden Sie id oder class, um verschiedene Stile festzulegen.

3. Kompatibilität

Da das Header-Tag ein neues Tag-Element in HTML5 ist, wird es von älteren Browserversionen nicht unterstützt. Zur Unterstützung sind IE9+ oder höher erforderlich. Natürlich verwenden inländische Browser wie 360 ​​Browser, Baidu Browser und Aoyou Browser alle den IE-Kernel, der mit dem System geliefert wird. Inländische Browser sind also tatsächlich dieselbe Version wie die IE-Version, die mit Ihrem System geliefert wird, also ist es Ihr IE-Browser IE9 oder höher ist selbstverständlich kompatibel mit den neuen Tag-Elementen von HTML5.

4. Vergleichsfall des alten und neuen Div-Layouts

Beobachten und beherrschen Sie die Anwendung des Headers, indem Sie das Div+CSS-Layout und das HTML5+CSS-Layout vergleichen.

Beispiel

<header class=”pcss5”>头部内容区</header>

Effekt-Screenshot

Empfohlenes Lernen:

HTML-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWas bedeutet Header-Definition in HTML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!