Sémanticky správný web

21. 11. 2007 / 10:44 — 506 shlédnutí
V kategorii trendy

Kdysi v dávných dobách webdesignu, když se web teprve rozšiřoval do povědomí běžných lidí, se na sémantiku moc nehledělo. Spíše vůbec. Celá webová stránka se vkládala do několika vnořených tabulek – ono to sice bylo pro webdesignery jednoduché, ale pro uživatele to moc komfortní nebylo (prohlížeč zobrazí tabulku až po celém jejím načtení a tak se kolikrát muselo čekat na načtení obrovských obrázků, i když uživatel mohl již dávno číst text, který ho zajímal) a sémanticky správné to nebyla ani trochu.

Sémantika je, když věci označujeme tím, čím jsou. Tedy jako tabulku označíme doopravdy jenom tabulku a podobně. Má to mnoho výhod, tou pro webdesignery asi nejdůležitější je vylepšení pozice ve vyhledávačích. A jak na sémanticky správný web? Základem je označovat text na webu správnými tagy. Tedy odstavec vložit do tagu <p>, nadpis první úrovně do tagu <h1> (pozor, ten by měl být na každé stránce právě jeden), zvýrazněný text pomocí tagů <em> a <strong> (ne pomocí <i> a <b>, tyto tagy označují vzhled, ne typ textu. Je lepší je nepoužívat.) a podobně.

V celém dokumentu bychom se měli vyhnout definování vzhledu. Však i validátor budu u striktních HTML nadávat, pokud použijete tagy <center> nebo <font>. Celý vzhled by se měl definovat pouze pomocí CSS.

Protože bylo potřeba nahradit tabulkový layout (také nazývaný mašinkový a podobně – právě kvůli opakované sekvenci tagů <tr><td>), vznikly dva (sémanticky) neutrální tagy – <div> a <span>. Do nich můžete vkládat bloky textů, menu a ostatní prvky stránky. Liší se tím, že <span> je řádkovým prvkem a <div> blokovým – udělá tedy před a za sebou odřádkování. Obecně by se neměl <span> cpát do jiných řádkových prvků, i když prohlížeče si s tím nějak poradí.

Při tvorbě webu vždy pamatujte na pravidlo, že by se každý webdesigner měl snažit co nejlépe označovat věci pravými jmény. V dobrém se vám to vrátí.

Sdílejte: