Sémantika
pravý význam html značek

Hlavní strana » Návody » Úvod do sémantiky

Úvod do sémantiky

K čemu je sémantika dobrá?

Mohlo by se zdát, že sémantika je jenom pro dobrý pocit webdesignera, aby si mohl říci, ano, můj web je sémantický. Ale není tomu tak, i sémantika má své nesporné výhody, které ji nelze upřít.

• Sémantický web se s vypnutými styly zobrazí korektně a uživatel by jej měl bez jakýchkoliv větších problémů umět použít. Tím se web samozřejmě stává mnohem přístupnějším. Sémantika je jedním z klíčových kamenů přístupnosti.
• Pokud budou vaše stránky nesémantické a nebudete řádně vyznačovat alespoň základní části stránky, váš web nebude nikdy SEO-friendly a jen těžko se budete prokousávat na přední místa ve vyhledávačích. Sémantický web je přátelský nejen vůči postiženým, ale také vůči robotům.
• Pojetí moderního webdesignu zní, oddělit obsah od vzhledu. Neboli kaskádové styly mají určovat vzhled dokumentu a HTML značky zase jeho smysl.

Nepřátelé sémantiky

Sémantika nemá vyložené odpůrce, neznám snad nikoho, kdo by tvrdil, že sémantika by stránce ublížila nebo že sémantika je zcela k ničemu (předpokládám, že takoví jedinci se asi přece jenom najdou, ale doufám, že jich není moc. Já naštěstí žádného takového webdesignera neznám). Sémantika má spíš pasivní nepřátele. Někteří tvůrci webů jsou příliš líní a pohodlní na to, než aby psali sémantické weby a někteří o sémantice třeba ještě neslyšeli. Nejhorší pak je možnost, kdy webdesigner neslyšel o sémantice a začíná se učit kaskádové styly. To potom můžete vidět hrůzy různých typů. Například takto vypadá sémanticky správně zapsaný nadpis:

<h1>Sémantický nadpis</h1>

Ale stalo se, že někteří aktivní tvůrci webových stránek, kteří byli až přespříliš okouzleni možnostmi kaskádových stylů, začali nadpisy prostě stylovat:

<div id="hlavni-nadpis">Nesémantický nadpis</div>

(v externím souboru kaskádových stylů byl potom tento oddíl nastylován tak, aby vypadal jako nadpis). Takhle to rozhodně nemá vypadat.

Kaskádové styly na jedné straně sémantice pomohly, protože jedině pomoci kaskádových stylů je možné řádně oddělit obsah od vzhledu, ale ve chvíli, kdy jsou styly špatně pochopeny, napáchají více škody než užitku (alespoň co se týče sémantiky, pochopitelně). CSS se musí především používat s rozumem. Naštěstí již není moc webdesignérů, kteří by měli web poskládán pouze ze značek typu <div>, takže jediným velkým nepřítelem sémantiky zůstává líný webdesignér ;-).

Sémantika je důležitá, ale není nezbytná

Tento nadpis si dobře zapamatujte. Já se na tomto webu budu snažit popsat sémantiku co možná nejpodrobněji, ale bych nerad, aby to vyznělo, že pokud nebude web stoprocentně sémantický, jedná se o špatný web. Sémantika totiž může omezovat, může zdržovat a někdy také může webdesignera pořádně natrápit. Použít nesémantický ale daleko jednodušší postup nebo sémantický, ale o dost složitější postup? Sám většinou sáhnu po první možnosti, jen na tomto webu se snažím dodržet maximální sémantičnost.

Navíc dosáhnout stoprocentní sémantiky je někdy prakticky nemožné a vynaložené úsilí by za to rozhodně nestálo. Stačí, pokud zvládnete alespoň základy a některé pokročilé techniky sémantiky, nemusíte hned celý layout stránek stavět bez divů jako já tady ;-)

«« hlavní strana » rozcestník « Základní kostra stránky »»

o web se stará Lukáš Havrlant (kontakt)