Eine kurze Analyse der Verwendung von Header-Tags in HTML5

Das

-Tag definiert den Header des Dokuments, normalerweise einige Leit- 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.
Im neuen Standard ist das Header-Tag wie folgt definiert:

„Eine Gruppe von Einführungs- oder Navigationshilfen.“
Bedeutet im Grunde „eine Gruppe von einführenden navigationsbezogenen Hilfsinhalten.“ 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 Tabelleninhalt, Logo, Suchformulare,

<header>  

     <h1>雨打浮萍</h1>  

     <p>专注于web前端开发</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 ihn in den meisten Mainstream-Browsern verwenden möchten.

header { display:block;}

Das Obige ist eine kurze Analyse der Verwendung von Header-Tags in HTML5. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website ( www.php.cn) !