HTML: co to je a jak ho používáme

HTML je základní jazyk webu. Říká prohlížeči, co je nadpis, odstavec, odkaz nebo obrázek, a díky tomu stránku čtou i vyhledávače a odečítače pro nevidomé.

Řádky kódu na obrazovce notebooku — Foto: Artem Sapegin sapegin, CC0, Wikimedia Commons

1. Jak to funguje

Každá webová stránka se skládá ze značek HTML, které popisují její strukturu: nadpisy, odstavce, seznamy, odkazy, obrázky a formuláře. Prohlížeč z nich skládá to, co vidíte na obrazovce.

2. Proč na tom firmě záleží

Pro firmu to znamená, že dobře napsaný HTML dává webu pevný základ: rychlejší načtení, lepší čtení vyhledávači a přístupnost pro lidi s hendikepem. Špatný základ se později opravuje draho.

3. Jak to používáme my

Píšeme ho čistě a podle významu, ne jako změť obecných bloků. Web se rychleji načte, lépe se udržuje a vyhledávače mu lépe rozumí.

4. Kdy se hodí

Hodí se u každého webu, protože na něm stojí vše ostatní.

5. Na co si dát pozor

Nadpisy a popisky obrázků musí odpovídat obsahu, jinak stránce hůř rozumí vyhledávače i odečítače.

6. V praxi

U nás HTML píšeme ručně a s ohledem na význam: jeden hlavní nadpis na stránku, správně označená navigace, seznamy tam, kde jde o seznam, a u každého obrázku popisek. Stránka pak dává smysl i bez vzhledu, což je přesně to, co potřebují vyhledávače a čtečky pro nevidomé.

7. Alternativy

Alternativou jsou vizuální editory a šablonové systémy, které HTML generují za vás. Jsou pohodlné, ale výsledný kód bývá objemnější a plný zbytečných vrstev. U firemního webu, kde záleží na rychlosti, se ručně psané HTML obvykle vyplatí.

8. Časté otázky

Musím HTML umět, abych měl web?

Ne. Web vám postavíme a předáme. Pokud chcete měnit texty sami, ukážeme vám, kde je upravit, aniž byste kód četli.

Ovlivňuje HTML pozice ve vyhledávání?

Nepřímo ano. Přehledná struktura s jedním hlavním nadpisem a popisky obrázků pomáhá Googlu pochopit, o čem stránka je. Samotný HTML ale pozici nezaručí.

Co je sémantické HTML?

Je to používání značek podle jejich významu: nadpis jako nadpis, seznam jako seznam, navigace jako navigace. Stránka je pak srozumitelná lidem i strojům.

Pokud potřebujete s tímhle pomoct, podívejte se na naše Vývoj softwaru.