Przejdź do treści

Podtytuł <hgroup>

W jaki sposób poprawnie wstawić do dokumentu podtytuł?

  • Podtytuł pierwszego poziomu (główny):
    <hgroup>
    	<h1>tytuł</h1>
    	<p>podtytuł</p>
    </hgroup>
  • Podtytuł drugiego poziomu (sekcji):
    <hgroup>
    	<h2>tytuł</h2>
    	<p>podtytuł</p>
    </hgroup>
  • Podytuł trzeciego poziomu (podsekcji):
    <hgroup>
    	<h3>tytuł</h3>
    	<p>podtytuł</p>
    </hgroup>
  • Podtytuł czwartego poziomu:
    <hgroup>
    	<h4>tytuł</h4>
    	<p>podtytuł</p>
    </hgroup>
  • Podtytuł piątego poziomu:
    <hgroup>
    	<h5>tytuł</h5>
    	<p>podtytuł</p>
    </hgroup>
  • Podtytuł szóstego poziomu (najniższej podsekcji):
    <hgroup>
    	<h6>tytuł</h6>
    	<p>podtytuł</p>
    </hgroup>

Służy do definiowania nagłówków dla sekcji (ARTICLE, ASIDE NAV, SECTION), poprzez grupowanie tytułu nagłówkego z jednym lub więcej akapitem zawierającym podtytuł, tytuł alternatywny albo slogan (krótka, łatwa do zapamiętania fraza).

HTML 4.01 tak naprawdę nie dawał możliwości definiowania podtytułów. Twórcy stron musieli sobie z tym jakoś radzić, np. wstawiając zamiast tego znacznik standardowego akapitu i stylizując go odpowiednio za pomocą CSS. Taka konstrukcja jednak nie niosła ze sobą żadnego semantycznego znaczenia. HTML5 uzupełnia ten brak.

Przykład <hgroup>

W poniżej zamieszczonym przykładzie, znacznik P stanowi podtytuł:

<article>
	<hgroup>
		<h1>Hobbit</h1>
		<p>czyli tam i z powrotem</p>
	</hgroup>
	...
</article>

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
<hgroup>5
2010-05-25
4
2011-03-22
12
2015-07-29
11.1
2011-04-12
5
2010-06-07

Komentarze

Zobacz więcej komentarzy

Facebook