Domov Bezpečnost Značka obrázek definuje. Prvky obrázek a figcaption jsou webové standardy. ale o tom teď nemluvíme. Skutečnou chybou je nadměrné používání prvku. by měl být použit pouze tehdy, když na něj odkazujete v dokumentu. Je nepravděpodobné, že se budete odkazovat na své

Značka obrázek definuje. Prvky obrázek a figcaption jsou webové standardy. ale o tom teď nemluvíme. Skutečnou chybou je nadměrné používání prvku. by měl být použit pouze tehdy, když na něj odkazujete v dokumentu. Je nepravděpodobné, že se budete odkazovat na své

A při odpovídání na dotazy uživatelů jsem viděl spoustu webů se značením HTML5. V tomto článku vám ukážu některé chyby při označování a špatné postupy, se kterými jsem se často setkal, a vysvětlím, jak se jim vyhnout.

Nepoužívejte značku
jako obal na ozdobu

Jedním z nejčastějších problémů, kterých jsem si všiml, je banální substituce
"ov na strukturální prvky HTML5, zejména na
"s. To znamená, když něco v XHTML nebo HTML4 vypadá takto:
Přepsáno takto:

Tohle je prostě špatně:
ne zábal. Tento prvek znamená sémantický blok vašeho obsahu použitý k vytvoření „nákresu dokumentu“ a měl by obsahovat nadpis. Pokud potřebujete nějaký prvek, který by se dal zabalit, zkuste to udělat (Kroc Camen má co nabídnout). Pokud to nevyřeší problém potřeby dalších obalů, použijte staré dobré
S příchodem HTML5
„Nejsi mrtvý a oni se v tomto případě perfektně hodí.

Se vším, co bylo řečeno, by bylo hezké označit výše uvedený příklad pomocí HTML5 takto:

Moje super duper stránka

Pokud si nejste jisti, který prvek použít, doporučuji vám použít náš vývojový diagram výběru prvků ( Cca. překladatel: viz úplně dole pod heslem).

Použití
a
pouze v případě potřeby

Nemá smysl psát kód, pokud to není nutné, že? Bohužel, často vidím jak
a
kde nejsou potřeba. Můžete si přečíst o prvcích
a
Podrobněji stručně nastíním klíčové body:
  • Živel
    představuje skupinu úvodních nebo navigačních pomůcek a obvykle obsahuje nadpis oddílu
  • Živel
    seskupuje sadu prvků

    -

    , představující nadpis sekce v případě, že se skládá z několika úrovní (podnadpisy, alternativní nadpisy atd.)
Přebytečné prvky
Jsem si jistý, že dobře víte, že ten živel
lze v dokumentu použít vícekrát. Tak to je často:

Můj nejlepší blogový příspěvek

Pokud váš

obsahuje pouze jeden prvek záhlaví, není potřeba. V tomto případě prvek
již zaručuje, že název bude zahrnut do "dokumentové osnovy" (dokumentové osnovy), a to jednou
neobsahuje více prvků (jak je definováno), lze jej bezpečně odstranit. Stačí jen toto:

Můj nejlepší blogový příspěvek

Zneužít
A znovu k hlavičkám: často vidím nesprávné použití prvku
. Nemělo by se používat
dohromady s
, pokud:
  • Hlavička je pouze jedna
  • dobrý sám o sobě (tj
    ).
První případ:

Můj nejlepší blogový příspěvek

od Rich Clarka

V tomto případě stačí odebrat hgroup.

Můj nejlepší blogový příspěvek

od Rich Clarka

Druhý případ je dalším příkladem zbytečného použití prvku.

Moje společnost

Založena 1893

Pokud jediné dítě

"a tohle
proč potřebuješ
? Pokud nemáte další položky v
"e (tj. sestra k
), stačí odstranit
.

Moje společnost

Založena 1893

Nezarámujte všechny odkazy

HTML5 zavedlo 30 nových prvků, které nám umožňují vytvářet strukturované a smysluplné značky. Ale neměli bychom zneužívat nové sémantické prvky. Bohužel, přesně to se stává