Jak semanticky správně zapisovat nadpis v HTML už víme dlouho. Jak ovšem nadpis nastylovat? Návštěvník webu většinou text nečte, ale pouze po něm přejíždí očima. K pročítání textu ho mohou přimět např. dostatečně dobře napsané nadpisy, které budou viditelně odlišeny od okolního textu.

Jenže návštěvník Vašeho webu nebude v lepším případě číst jenom nadpisy, ale počte si i vlastní text – není tedy dobré nadpisy vyzdvihovat z okolního textu zas přespříliš. Příliš velký kontrast mezi textem a nadpisy Vám s největší pravděpodobností rozhodí typo celého webu a případný čtenář bude výraznými nadpisy neustále vyrušován.

Co tedy s nadpisy?

Nadpisy se dají zvýraznit mnoha různými způsoby. Např. je můžete oddělit od okolí textu určitou mezerou, odstadit je, předsadit je, přebarvit je, odbarvit je, zvětšit, změnšit, ztučnit, vysázet verzálkami, nebo naopak jen minuskami, či dokonce kapitálkami. Můžete snížit/zvýšit proklad znaků, invertovat je, naklonit je, vysázet je italikou, přidat jim ikonku, oddělit je tečkovanou čárou nahoře i dole, vypisovat je pozpátku, nebo zkombinovat všechno dohromady. HEHE. STOP.

Stylujte s mírou

Z výše uvedeného si jistě sami odvodíte, že většina nadpisů na webu vypadá, jako kdyby pejsek a kočička vařili dort. Ten přidá to a ten zas tohle, a nakonec z toho bude bolení bříška. V ideálním případě je dobré vybrat si jeden způsob zvýraznění, a ten použít. Nepotřebujete nadpis, který je vysázen 2× větším písmem než okolní text a ještě navíc tučně, podtrženě a červeně (ano, i to se dá udělat hezky, ale je to o něco těžší než průměrný český supr-ultra-mega-taky-dyzajner zvládne).

Osobně volím vždy jeden až tři vhodně se doplňující způsoby zvýraznění nadpisů (např. nadpis odsadím od bloku textu, změním barvu a velikost písma) – nadpis tak vynikne, ale už nevybočí z řady.

Taktéž je velmi užitečné stylovat nadpisy stejné váhy stejným způsobem! Čtenář tak hnedle pozná, jak je důležité to, co právě čte.