Wie verwende ich das HTML5-Header-Tag? Einführung in die Rolle von HTML5-Header-Tags-H5-Tutorial-php.cn

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.

php中文网 Nach dem Login kopieren Geben Sie keine ID oder Klasse an

头部内容区 Nach dem Login kopieren 2. Legen Sie die ID fest

头部内容区 Nach dem Login kopieren 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)