Was bedeutet das Header-Tag in HTML5? Wissen Sie, wie man das Header-Tag in HTML5 verwendet?

Was bedeutet das Header-Tag in HTML5? Wissen Sie, wie man das Header-Tag in HTML5 verwendet? In diesem Artikel wird hauptsächlich das HTML5-Head-Tag

ausführlich vorgestellt und die Verwendung und Anweisungen erläutert.

Einführung in die Homepage:

<header>
<h1>Welcome to my homepage</h1>
<p>My name is Donald Duck</p>
</header>
<p>The rest of my home page...</p>

In HTML Die Definition und Verwendung des Headers Tag:

Tag definiert den Header (Einleitungsinformationen) des Dokuments.

Das HTML-Element

wird zur Darstellung einiger Vorworte oder Navigationsinhalte verwendet. Es kann einige Titelelemente enthalten und auch einige Elemente wie Logos, Suchfelder oder andere

-Elemente platzieren.

Gebrauchsanweisung: Das Element

ist kein Element, das Absatzinhalte bilden kann, daher muss es nicht im Inhaltsverzeichnis wiedergegeben werden .

Verwendungsbeispiel:

<header>
  a logo
</header>

Unterschiede zwischen HTML 4.01 und HTML 5 Das

-Tag ist ein neues Tag in HTML 5.

: Beschreibt den Header-Bereich des Dokuments, der zum Definieren des Einleitungsanzeigebereichs des Inhalts verwendet wird.

Der Header-Tag unterscheidet sich vom Header Das Tag, mit dem wir am besten vertraut sind, wird am häufigsten verwendet: Definieren Sie die Kopfzeile des Artikels. Lassen Sie uns kurz die Verwendung des Header-Tags in HTML5 analysieren , normalerweise einige Anleitungs- und Navigationsinformationen. Es ist nicht darauf beschränkt, in die Kopfzeile der Webseite geschrieben zu werden, sondern kann auch in den Inhalt der Webseite geschrieben werden.

Das Header-Tag ist im neuen Standard wie folgt definiert:

"A group of introductory or navigational aids.”

Die Grundbedeutung von

ist „eine Reihe einführender Navigationselemente“. hilft „Inhalt“. Im wörtlichen Sinne definiert das Header-Tag nicht nur den Inhalt des Seitenkopfes, sondern kann auch die Einführung anderer Inhalte unterhalb des Seitenkopfes definieren. Dies stimmt nicht vollständig mit unserer traditionellen Seitenkopfdefinition überein. Normalerweise enthält das

-Tag mindestens (aber nicht beschränkt auf) ein Header-Tag (

-

) und kann auch das

-Tag enthalten kann auch Tabelleninhalte, Logos, Suchformulare,

-Navigation usw. umfassen.

<header>  
 <h1>PHP中文网</h1>  
 <p>专注于前端后台开发授课</p>  
</header>  
<article>  
 <header>  
  <h1>html5语义化标签之结构标签</h1>  
  <p>article、section、hgroup、aside、nav...</p>  
 </header>  
 <p>...这里面包含很多东西...</p>  
</article>

In der obigen Struktur können wir sehen, dass wir mithilfe der Kopfzeile den Titel und den Inhalt eines Artikels definieren. Der hier verwendete Header-Tag ist nicht der Header der Seite, sondern der Header des Artikels.

In HTML5 ist die Verwendung von Headern also flexibler und Sie können die Dokumentstruktur entsprechend Ihren Anforderungen definieren und organisieren.

Ähnlicherweise wird beim Strukturieren einer Seite das Header-Tag im Allgemeinen oben auf der Seite platziert, aber wenn Sie es links, rechts oder sogar unten platzieren möchten, spielt es keine Rolle definiert nur seinen Standort auf der Seite, nicht den Standort. Natürlich orientiert es sich eher an den Prinzipien der Suchmaschinenoptimierung. Wichtige Inhalte werden schließlich bei der Strukturierung der Seite vorangetrieben.

Da der Header in HTML5 ein Blockelement ist, ist es am besten, CSS wie folgt zu definieren, wenn wir es in den meisten Mainstream-Browsern verwenden möchten.

header { display:block;}

Wenn Sie mehr über den Footer-Tag erfahren möchten, klicken Sie bitte hier:

Wissen Sie, wie man den Footer-Tag in HTML5 verwendet? , was bedeutet das Footer-Tag in HTML5? In diesem Artikel wird das Header-Tag in HTML5 ausführlich erläutert. Wenn Sie weitere Fragen haben, können Sie diese unten stellen.

[Verwandte Empfehlungen]

Was sind die Attribute des HTML-IMG-Tags? Verstehen Sie die Verwendung des IMG-Tags

Was ist Web in HTML5? Was sind die Elemente im Webspeicher?

Das obige ist der detaillierte Inhalt vonWas bedeutet das Header-Tag in HTML5? Wissen Sie, wie man das Header-Tag in HTML5 verwendet?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!