Wie verwende ich das HTML5-Header-Tag? Einführung in die Rolle von HTML5-Header-Tags

Dieser Artikel führt hauptsächlich die Erklärung des HTML5-Header-Tags und die Einführung der Rolle des HTML5-Header-Tags ein. Schließlich bietet er auch eine Zusammenfassung des Header-Tags. Schauen wir uns diesen Artikel gemeinsam an

Zunächst müssen wir verstehen, wie man das HTML5-Header-Tag verwendet. Das Tag

definiert den Header eines Dokuments oder eines Teils eines Dokuments. Das

-Element sollte als Container für einführende Inhalte oder als Navigations-Linkleiste dienen.

In einem Dokument können Sie mehrere

-Elemente definieren.

Hinweis: Das

-Tag kann nicht innerhalb eines

,

oder eines anderen

-Elements platziert werden.

Einführung in die grundlegende Verwendung von Header-Tag-Elementen:

Vor der HTML5-Version war es in HTML5 üblich, div-Tags zum Layouten von Webseiten zu verwenden Das Header-Tag-Element wird 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 wird in 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.

Die grammatikalische Struktur des HTML5-Header-Tags:

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

<header>php中文网</header>

Geben Sie keine ID oder Klasse an

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

2. Legen Sie die ID fest

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

4. like Das DIV-Tag-Element kann auch mehrfach verwendet werden, und id oder class können verwendet werden, um verschiedene Stile an verschiedenen Stellen festzulegen.

Einführung in die Rolle des HTML5-Header-Tags:

Da das Header-Tag ein neues Tag-Element in HTML5 ist, wird es von älteren Versionen von Browsern und nicht unterstützt Erfordert IE9+ oder höher. Wird nur von den neuesten Browsern wie Google Chrome unterstützt. 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.

Zusammenfassung der HTML5-Header-Tags:

Die chinesische PHP-Website empfiehlt, dass es nicht an der Zeit ist, HTML5 zu verwenden, um mit IE6 mit der neuesten Version von IE kompatibel zu sein Neue Tags für normale WEB-Webseiten-Layout-Elemente. Es wird empfohlen, für das Layout von HTML-Webseiten normales DIV+CSS zu verwenden. Normalerweise weiß ich, dass HTML5 diese neuen Tag-Elemente hat, und ich weiß, dass die Verwendungsmethode im Wesentlichen die gleiche wie bei DIV ist. Wenn Sie das DIV+CSS-Layout kennen, werden Sie natürlich neue Element-Tags in HTML5 hinzufügen.

Okay, das Obige ist die Einführung und Funktionserklärung des HTML5-Header-Tags in diesem Artikel. Wenn Sie Fragen haben, können Sie diese unten stellen.

[Empfehlung der Redaktion]

Wie zentriert man die chinesischen Zeichen im col-Tag in HTML? Grundlegende Verwendung von HTML-Col-Tags (mit Beispielen)

Wie skaliert man HTML-Bilder in gleichen Proportionen? Zusammenfassung der HTML-IMG-Bildskalierungsmethoden (mit Beispielen)

Das obige ist der detaillierte Inhalt vonWie verwende ich das HTML5-Header-Tag? Einführung in die Rolle von HTML5-Header-Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!