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 |