TOC

This article is currently in the process of being translated into Slovenian (~74% done).

Semantic HTML5 section tags:

The hgroup tag

<hgroup> je element druge stopnje, ki se uporablja za ovijanje enega ali več heading elementov (<h1> do <h6> ), kot so naslov in podrazdelek. Kot <hgroup> lahko vsebuje samo elemente naslovov, nekateri primeri so lahko najpreprostejši način prikaza, kdaj in kje je treba uporabiti <hgroup>.

Članek z naslovom

Če je samo en naslov, ni potrebe po elementu <hgroup>:

<article>
	<header>
		<h1>All about flour</h1>
	</header>
</article>

Članek z naslovom in meta podatki

Še vedno obstaja samo en naslov, tako da čeprav obstajajo nekateri metapodatki o članku, element <hgroup> ni pomemben:

<article>
	<header>
		<h1>All about flour</h1>
		<p>Published on January 12th</p>
	</header>
</article>

Članek z naslovom in podnaslovom

Sedaj imamo dva naslova, zato lahko uporabimo element <hgroup>:

<article>
	<header>
		<hgroup>
			<h1>All about flour</h1>
			<h2> Wheat flour is the backbone of the baked goods we love</h2>
		</hgroup>
	</header>
</article>

Članek z naslovom, podnaslovom in meta podatki

Ko imamo več naslovov in metapodatkov, element <hgroup> vsebuje samo dejanske naslove (ki jih je treba označiti z elementi <h1> do <h6>):

<article>
	<header>
		<hgroup>
			<h1>All about flour</h1>
			<h2> Wheat flour is the backbone of the baked goods we love</h2>
		</hgroup>
		<p>Published on January 12th</p>
	</header>
</article>

Kaj ste se naučili

  • The <hgroup> element is always inside a <header> element
  • The <hgroup> element only contains headings (such as subtitles or tag-lines), which are marked up with the <h1> trough <h6> elements
  • All other <header> relevant content should be outside of the <hgroup> element
This article has been fully translated into the following languages: Is your preferred language not on the list? Click here to help us translate this article into your language!