So verwenden Sie Header-Tags in H5

Dieses Mal zeige ich Ihnen, wie Sie das Header-Tag in H5 verwenden. Was sind die Vorsichtsmaßnahmen bei der Verwendung des Header-Tags in H5? Das Folgende ist ein praktischer Fall, schauen wir uns das an. Das

-Tag definiert die Kopfzeile 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,

-Navigation usw.

<header>  
 <h1>1</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.

Daher ist die Verwendung von Headern in HTML5 flexibler. 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;}

Ich glaube, dass Sie die Methoden beherrschen, nachdem Sie diese Fälle gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Verwandte Lektüre:

Wie man reguläre Ausdrücke verwendetum die Listendaten des Bloggartens zu erfassen

Was für regulärer Ausdruck Die Formel kann Hervorhebung anzeigen

So verwenden Sie den Ajax von jquery, um Formulardaten asynchron zu senden

Das obige ist der detaillierte Inhalt vonSo verwenden Sie Header-Tags in H5. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!