Nadpisy na webu
Většina webových stránek používá pro oddělení větších textových bloků nadpisy. Nadpis by měl stručně charakterizovat po něm následující text (stačí dvě až pět slov), a měl by být dostatečně zvýrazněn a oddělen od okolí. Je však nadpis vždy nadpisem? Z hlediska semantiky jsou nadpisy určovány tagy <h1> – <h6>, kde číslo určuje prioritu nadpisu (h1 je hlavní nadpis […]
Většina webových stránek používá pro oddělení větších textových bloků nadpisy. Nadpis by měl stručně charakterizovat po něm následující text (stačí dvě až pět slov), a měl by být dostatečně zvýrazněn a oddělen od okolí. Je však nadpis vždy nadpisem?
Z hlediska semantiky jsou nadpisy určovány tagy <h1> - <h6>, kde číslo určuje prioritu nadpisu (h1 je hlavní nadpis stránky). Přesto se velké množství webtvůrců uchyluje k semanticky chybným strukturám <p class="nadpis"></p> či <div class="nadpis"><b></b></div>, které se sice taky zdají býti nadpisem, ale přináší množství nevýhod.
Proč používat <h1> – <h6>
Váš web by měl být přístupný všem, tedy i uživatelům s hlasovou čtečkou či textovým browserem. Hlasová čtečka, která narazí na semanticky správně označkovaný nadpis uživateli oznámí, že se jedná o nadpis, textové prohlížeče je jasně oddělují od okolního textu. Nadpis navíc stále vypadá jako nadpis i bez použití kaskádových stylů.
SEO – vyhledávače milují nadpisy
Většina dnešních vyhledávačů dává nadpisům <h1> - <h6> větší prioritu než normálnímu textu. Vhodně zvolený nadpis h1 může váš web vynést ve vyhledávači výše než použití semanticky špatné struktury.
Ale vždyť jsou hnusný..
Nadpisy <h1> - <h6> se dají ostylovat pomocí CSS stejně jako kterékoliv jiné tagy. Navíc jsou unikátní, tudíž je můžete stylovat bez přidání atributu class či id (čímž mimochodem se ušetří pár bajtů).
Při použití nadpisů navíc dbejte na správné pořadí (od nejvyššího po nejnižší), čímž zvýrazníte celkovou strukturu webu.
Komentáře
Ano, tohle je potřeba stále připomínat :-)
Sémantika věty
...které se sice taky zdají býti nadpisem, mi připadá poněku nevhodně zvolená :-D
když už, tak také :-D
(1) Já už takových článků četl.. ale semantiky není nikdy dost.. :-)
(2) Dnes jsem měl takový archaický den.. :-)
Jaký rozsah Hček používáte? Já jsem níž než na trojku nikdy nešel (h1-h3)…
Nemůžu se zbavit dojmu, jako bych už jednou někde takovej článek četl, ale ani za nic si nevzpomenu na to, kde to bylo. V každým případě se dá říct, že nikdy není na škodu si jednou za čas takové základní věci zopakovat.