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

Hlavní strana » Návody » Nesémantické značky

Nesémantické značky

Div sem, div tam

Řeč tedy bude hlavně o značkách <div> a <span>, které, ač nemají žádný sémantický význam, patří poslední dobou k nejpoužívanějším značkám. Proč? Protože je to pohodlné.

Snad na každém webu s CSS layoutem tvoří hlavní kostru právě nastylované divy. To bych ještě pochopil, je daleko pracnější udělat layout stránky bez použití jediného divu a v zásadě tuto metodu schvaluji, ač ji sám na tomto webu nepoužívám. Ale mnohdy se stane, že celý web je pouze hromádka divů, bez jakékoliv jiné značky. To je potom chyba. Zapamatujte si, že čím méně je na stránce divů, tím je stránka sémantičtější (pochopitelně stále myslím CSS layout). Někdy se tomu nejde vyhnout, někdy se prostě ten div musí přidat, ale mnohdy tam jsou zcela zbytečně. Třeba Plaváčkovi stačilo na vytvoření webu použít jen jeden div a jeden span.

Nakonec se vlastně stalo to, že z webů, které byly plné značek jako <tr> nebo <td> se staly stránky, které jsou přeplněné značkami <span> a <div>. Kam se poděla ta čistota, s jakou byl web kdysi tvořen? Na druhou stranu, kdo ví, jestli vůbec web někdy býval plně sémantický.

Rozdíl mezi těmito značkami

Hlavní rozdíl mezi těmito značkami je ten, že <div> je blokový oddíl a <span> řádkový. To znamená, že když uzavřete část textu do divu, bude text brán jako samostatný odstavec (ale pravý odstavec to pochopitelně není) a před začátkem a na konci ukončí řádek. Narozdíl od značky <span>, která, když bude vložena do textu, tak se nic nestane, text se nebude nijak formátovat, vše zůstane na jednom řádku. Druhý rozdíl, který ovšem souvisí s prvním, je fakt, že <div> může obsahovat další blokové elementy (<p> například), kdežto <span> může obsahovat pouze řádkové prvky (jako třeba <strong>).

Divy ano, ale s rozumem

Takže co z toho všeho plyne? Divy a spany se určitě nepřestanou používat, nedělám si iluze, navíc některé věci prostě bez těchto značek udělat nelze a je přeci jenom lepší použít značku bez sémantického významu než někde vrazit značku, která je na daném místě sémanticky zcela mimo mísu. Tag <span> se v některých situacích dá nahradit značkou <font>, místo používání <div id="obsah"> můžete zkusit nastylovat značku <body> a podobně. Možnosti existují, jen je využít.

Další nesémantické značky

Přehled všech nesémantických značek, které byste tudíž neměli používat příliš často, ideálně vůbec:

  • Hlavní strana
  • Návody
  • Download
  • Odkazy
  • Kontakt
  • «« Formuláře » rozcestník « Fekální styl »»

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