In diesem Artikel lernen wir das hgroup-Tag in HTML5 kennen, ein Tag, das verwendet wird, um ein oder mehrere Überschriftenelemente in eine Gruppe einzuschließen. Die für den Titel verwendeten Überschriftenelemente sind die Tags von h1 -> h6.

1. Was ist das hgroup-Tag in HTML5?

hgroup ist ein Tag, das seit der HTML5-Version hinzugefügt wurde. Seine Verwendung wird verwendet, um Tags von h1 -> h6 zusammen zu gruppieren, vorausgesetzt, dass diese h-Tags im selben Header-Tag sein müssen.

Die Syntax des hgroup-Tags lautet wie folgt :

 <hgroup> ... </hgroup>

Wenn der Header nur ein h -Tag enthält, müssen Sie das hgroup -Tag nicht deklarieren.

 <article> <header> <h1>Tiêu đề</h1> </header> </article>

2. Wann wird das hgroup-Tag verwendet?

Wie ich in Teil 1 gesagt habe, verwenden wir das hgroup-Tag nur, falls das Header-Tag viele h -Tags enthält.

Als Beispiel unten verwende ich hgroup nicht, da es innerhalb des Header-Tags nur ein h1 -Tag gibt.

 <article> <header> <h1>Tiêu đề</h1> <p>Đăng ngày 12 / 10 / 2021</p> </header> </article>

Aber das Beispiel unten ist anders, ich muss hgroup verwenden, weil es im Header zwei Tags h1 und h2 gibt.

 <article> <header> <hgroup> <h1>TIêu đề chính</h1> <h2>Tiêu đề phụ</h2> </hgroup> </header> </article>

Falls der Header eine Beschreibung enthält, müssen Sie diese Beschreibungszeile nicht in die hgroup aufnehmen.

 <article> <header> <hgroup> <h1>Tiêu đề chính</h1> <h2> Tiêu đề phụ</h2> </hgroup> <p>Mô tả bài viết</p> </header> </article>

Zusammenfassend müssen Sie die folgenden Punkte beachten:

• Das hgroup-Tag befindet sich immer innerhalb des Header-Tags, das ein HTML5-Standard ist.
• Das hgroup-Tag enthält nur den Inhalt, in dem sich die Tags von h1 -> h6 befinden.
• Alle anderen Karten müssen draußen platziert werden.

Ich habe also die Anleitung zur Verwendung des hgroup-Tags in HTML5 beendet. Diese Karte ist relativ einfach und wird auch selten verwendet. Wir sehen uns im nächsten Beitrag.