Cookies

Na naší webové stránce používáme soubory cookies pro její správné fungování, přizpůsobení analytických dat a dynamiky obsahu pro uživatele. Více informací o cookies.

Potvrzením zároveň ukládáte souhlas se zpracováním osobních údajů v rámci nařízení GDPR.

HTML nadpisy

Nadpisy různých úrovní na stránce a jejich účel
Předchozí Následující

#1 O nadpisech

Nadpisy a podnadpisy v HTML slouží k upozornění uživatele na novou sekci nebo na něco, čeho si má všimnout.

Rozdělení

Mají šest možných úrovní – od <h1> do <h6>, přičemž se jedná o plné prvky, tudíž musí mít koncový tag. Spolu se šesti úrovněmi se spojuje také jejich důležitost. Nadpis <h1> je nejdůležitější, na stránce by se měl nacházet právě jednou. Ostatní jsou podnadpisy, přičemž by měly splňovat podobnou hierarchii.

<h1>Nadpis první úrovně</h1>
<h2>Nadpis druhé úrovně</h2>
<h3>Nadpis třetí úrovně</h3>
<h4>Nadpis čtvrté úrovně</h4>
<h5>Nadpis páté úrovně</h5>
<h6>Nadpis šesté úrovně</h6>
Poznámka: Webové prohlížeče automaticky přidávají odsazovací prostor (margin) nad a pod nadpisem.

#2 Důležitost nadpisů

Každá správná stránka by měla obsahovat správné pořadí a správný počet jednotlivých nadpisů.

Vyhledávací nástroje (Google a další) využívají nadpisy, aby si zapsali strukturu stránky a přiřadili k nim správně obsah.

Proto by nejvyšší nadpis <h1> měl být na stránce pouze jednou – určuje název stránky. Následně by měly být ostatní nadpisy seřazeny postupně, tedy nadpis třetí úrovně by měl být pod nadpisem druhé úrovně, čtvrtá úroveň pod třetí a tak podobně.

<div>
 <h1>Název mojí stránky!</h1>
 <h2>Podnadpis na stránce</h2>
 <p>Odstavec textu pod nadpisem druhé úrovně</p>
 <div>
  <h3>Menší podnadpis</h3>
  <p>Druhý odstavec textu</p>
  <h3>Druhý menší podnadpis</h3>
  <p>Další odstavec textu</p>
 </div>
</div> 
Upozornění: Nadpisy by se neměly používat k zvětšení nebo ztučnění textu, nebo jakémukoli jinému formátování.