Heim > Web-Frontend > H5-Tutorial > Hauptteil

Was macht hgroup in HTML5? Die spezifische Verwendung des hgroup-Tags in HTML5 finden Sie hier.

寻∝梦
Freigeben: 2018-08-15 16:36:53
Original
6236 Leute haben es durchsucht

Was macht hgroup in HTML5? Die spezifische Verwendung des hgroup-Tags in HTML5 finden Sie hier. Klicken Sie hier, um einen Blick auf das hgroup-Tag in HTML5 zu werfen, einschließlich der spezifischen Verwendung von hgroup in HTML5, wie das Tag geschrieben wird und welche Funktionen es hat . Ich habe eine detaillierte Analyse durchgeführt, lesen Sie nicht zu viel, lesen Sie einfach den Text. Das

-Tag ist ein neues Tag in HTML 5.

Die Funktionen des hgroup-Tags in HTML5 sind wie folgt:

Tag wird verwendet, um die Titelelemente (h1-h6) einer Webseite oder eines Abschnitts zu gruppieren (DOM-Schnittstelle, einstellbare Attribute).

Wenn Sie beispielsweise aufeinanderfolgende H-Series-Tag-Elemente in einem Abschnitt haben, können Sie diese mit hgroup einschließen.

Das hgroup-Tag in HTML5 wird wie folgt geschrieben:

Verwenden Sie das

-Tag, um die Titel von Webseiten oder Abschnitten zu kombinieren.

<hgroup>
<h1>Welcome to my WWF</h1>
<h2>For a living planet</h2>
</hgroup>
<p>The rest of the content...</p>
Nach dem Login kopieren

Verwenden Sie das hgroup-Tag, um die Titelgruppe anzuzeigen:

<hgroup>
<h3>这是一个列表</h3>
<h3>这是一个列表</h3>
<h3>这是一个列表</h3>
<h3>这是一个列表</h3>
<h3>这是一个列表</h3>
</hgroup>
Nach dem Login kopieren

Was ist das hgroup-Element:

Die hgroup Das Element kombiniert den Titel und Elemente, gruppiert nach seinen Untertiteln. Das hgroup-Element gruppiert im Allgemeinen h1-h6-Elemente. Beispielsweise werden der Titel eines Inhaltsblocks und seine Untertitel als Gruppe betrachtet. Wenn ein Artikel nur einen Haupttitel hat, ist das hgroup-Element normalerweise nicht erforderlich.

Spezifische Verwendung von hgroup-Elementen:

Nachfolgend geben wir eine detaillierte Demonstration in der Entwicklungsumgebung:

<article>
<header>
<h1>文章标题</h1>
<p><time datetiem=”2014-10-08”>2014年10月8日</time></p>
</header>
<p>文章正文</p>
</article>
Nach dem Login kopieren

Wenn unser Artikel einen Haupttitel hat , und es Untertitel unter dem Haupttitel gibt, ist das hgroup-Element erforderlich.

<article>
<header>
<hgroup>
<h1>文章主标题</h1>
<h2>文章子标题</h2>
</hgroup>
<p><time datetime=”2014-10-08”>2014年10月08日</time></p>
</header>
<p>文章正文</p>
</article>
Nach dem Login kopieren

Die Wirkung dieser Codes können Sie sich selbst vorstellen^^

Wenn unsere Titel unter demselben Block Haupttitel und Untertitel haben, benötigen wir hgroup-Elemente, um sie zu umschließen. Obwohl es selten verwendet wird, ist es immer noch unverzichtbar. Dieses Tag wurde jedoch in HTML5.1 abgeschafft, ist aber in anderen Versionen immer noch sehr nützlich. Okay, das ist alles für diesen Artikel. Wenn Sie Fragen haben, können Sie diese stellen.

[Verwandte Empfehlungen]

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

Was ist das Artikel-Tag in HTML5? Wo wird das Artikelelement in HTML5 verwendet?


Das obige ist der detaillierte Inhalt vonWas macht hgroup in HTML5? Die spezifische Verwendung des hgroup-Tags in HTML5 finden Sie hier.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage