Nadpisy částí textu

Pro zvýraznění tematických oblastí, které stránka pokrývá, a usnadnění čtenářovy orientace slouží nadpisy. Bývají zobrazovány velmi výrazně a poutají na sebe pozornost, takže rychle poskytnou čtenáři informaci o tom, kde se co na stránce nachází.

Ke vkládání nadpisů slouží prvky <h1> až <h6>. Jejich tělem je vždy text příslušného nadpisu.

Uspořádání nadpisů

Číslo v prvku určuje úroveň daného nadpisu. Čím vyšší je číslo, tím nižší úroveň nadpisu vkládá. Kdykoli rozdělujete nadpisy určitou část stránky na menší části, měli byste pro jejich nadpisy použít hodnotu o jedničku větší, než má nadpis rozdělované části.

Každá stránka by měla mít právě jeden nadpis kategorie <h1>, který je nadpisem celé stránky a měl by stručně vystihovat její obsah. Chcete-li ji rozdělit na části, použijte pro ně nadpisy úrovně <h2>. Pokud je chcete nadále dělit, při jejeich dělení používejte úroveň <h3> a tak dále.

Tělo stránky, popisující třeba instalaci jakéhosi programu, může vypadat například takto:

<h1>Instalace programu</h1>


<h2>Požadavky programu</h2>

<p>K instalaci programu budete potřebovat následující:</p>

<h3>Hardwarové požadavky</h3>

<p>Popis hardwarových požadavků...</p>

<h3>Softwarové požadavky</h3>

<p>Popis softwarových požadavků...</p>


<h2>Postup instalace</h2>

<p>Zde bude několik odstavců...</p>

<p>...popisujících postup při
instalaci programu.</p>

Podívejte se na její formátovanou podobu.

Za nadpisy rozumné

Nadpisy obecně usnadňují uživateli (ale třeba i vyhledávacímu robotovi) orientaci na stránce. Napovídají mu, kde co najde. Aby však tuto roli plnily, je třeba používat je s rozvahou:

• Text nadpisu by měl stručně a výstižně charakterizovat část, již zahajuje. Je to její „reklamní poutač“.

• Nadpisů by nemělo být příliš mnoho. Jakmile stránku přeplácáte všemi možnými nadpisy, roztříštíte čtenářovu pozornost a její přehlednost se naopak zhorší. Proto nepoužívejte v rámci stránky příliš mnoho úrovní nadpisů (<h4> a vyšší byste neměli používat prakticky nikdy) a neopatřujte nadpisem každou druhou větu. Nadepsané části by měly být rozumně veliké.

  Ostatně výše uvedený příklad to dobře ilustruje. Text odstavců jsem zkrátil na minimum, takže každý druhý řádek na stránce náleží nějakému nadpisu. Asi se shodneme, že stránka je díky tomu dost roztříštěná. Reálná stránka, kde by odstavce textu pod jednotlivými nadpisy byly podstatně delší, by však vypadala výrazně lépe a uspořádaněji.

• Nepřeskakujte v hierarchii. Nepoužívejte <h3> tam, kde by správně mělo být <h2>, jen proto, že vám <h2> připadá příliš velké. Nadpisy mají strukturovat stránku a struktura by měla být pokud možno správná. Nelíbí-li se vám vzhled, prostě jej změňte pomocí CSS.