Heim  >  Artikel  >  Web-Frontend  >  Wie verwende ich das HTML5-Header-Tag? Einführung in die Rolle von HTML5-Header-Tags

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

寻∝梦
寻∝梦Original
2018-09-03 17:32:034028Durchsuche

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

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

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

In einem Dokument können Sie mehrere 1aa9e5d373740b65a0cc8f0a02150c53-Elemente definieren.

Hinweis: Das 1aa9e5d373740b65a0cc8f0a02150c53-Tag kann nicht innerhalb eines c37f8231a37e88427e62669260f0074d, 208700f394e4cf40a7aa505373e0130b oder eines anderen 1aa9e5d373740b65a0cc8f0a02150c53-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 „1aa9e5d373740b65a0cc8f0a02150c53“ 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 ac662b2fa61b6442b4e1212c099270ca16b28748ea4df4d9c2150843fecfba68 oder 02032c6c0aef89498668cc9cf3bf1bc616b28748ea4df4d9c2150843fecfba68 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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn