DomovBezpečnostZnač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:
Moje super duper stránka
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á