Domov Bezpečnosť Značka postavy definuje. Prvky obrázok a figcaption sú webové štandardy. ale o tom teraz nehovoríme. Skutočnou chybou je nadmerné používanie prvku. by sa malo používať iba vtedy, keď naň odkazujete v dokumente. Je nepravdepodobné, že sa budete odvolávať na svoje

Značka postavy definuje. Prvky obrázok a figcaption sú webové štandardy. ale o tom teraz nehovoríme. Skutočnou chybou je nadmerné používanie prvku. by sa malo používať iba vtedy, keď naň odkazujete v dokumente. Je nepravdepodobné, že sa budete odvolávať na svoje

A pri odpovediach na otázky používateľov som videl veľa webových stránok s označením HTML5. V tomto článku vám ukážem niektoré chyby pri označovaní a zlé praktiky, s ktorými som sa často stretával, a vysvetlím, ako sa im vyhnúť.

Nepoužívajte značku
ako obal na ozdobu

Jedným z najbežnejších problémov, ktoré som si všimol, je banálna substitúcia
"ov na štrukturálnych prvkoch HTML5, najmä na
To znamená, keď niečo v XHTML alebo HTML4 vyzerá takto:
Prepísané takto:

Toto je jednoducho nesprávne:
nie zábal. Tento prvok znamená sémantický blok vášho obsahu použitý na vytvorenie „náčrtu dokumentu“ a mal by obsahovať nadpis. Ak potrebujete nejaký prvok, ktorý by ste mohli zabaliť, skúste to urobiť (Kroc Camen má čo ponúknuť). Ak to nevyrieši problém s potrebou extra obalov, použite staré dobré
S príchodom HTML5
„Nie si mŕtvy a oni sa v tomto prípade perfektne hodia.

So všetkým, čo bolo povedané, by bolo pekné označiť vyššie uvedený príklad pomocou HTML5 takto:

Moja super duper stránka

Ak si nie ste istí, ktorý prvok použiť, odporúčam vám použiť náš vývojový diagram výberu prvkov ( približne. prekladateľ: pozri úplne dole pod heslom).

Použite
a
len v prípade potreby

Nemá zmysel písať kód, ak to nie je potrebné, však? Bohužiaľ, často vidím ako
a
kde nie sú potrebné. Môžete si prečítať o prvkoch
a
Podrobnejšie stručne načrtnem kľúčové body:
  • Prvok
    predstavuje skupinu úvodných alebo navigačných pomôcok a zvyčajne obsahuje nadpis sekcie
  • Prvok
    zoskupuje množinu prvkov

    -

    , ktorá predstavuje nadpis sekcie v prípade, že pozostáva z niekoľkých úrovní (podnadpisy, alternatívne nadpisy atď.)
Nadbytočné prvky
Som si istý, že veľmi dobre viete, že prvok
možno použiť viackrát v dokumente. Takže toto je často prípad:

Môj najlepší blogový príspevok

Ak tvoj

obsahuje iba jeden prvok hlavičky, nie je potrebný. V tomto prípade prvok
už zaručuje, že názov bude zahrnutý do „náčrtu dokumentu“ (náčrt dokumentu), a to raz
neobsahuje viacero prvkov (ako je definované), možno ho bezpečne odstrániť. Stačí len toto:

Môj najlepší blogový príspevok

Zneužitie
A ešte raz k hlavičkám: často vidím nesprávne použitie prvku
. Nemalo by sa používať
spolu s
, ak:
  • Hlavička je len jedna
  • dobrý sám o sebe (t.j. bez
    ).
Prvý prípad:

Môj najlepší blogový príspevok

od Richa Clarka

V tomto prípade stačí odstrániť hgroup.

Môj najlepší blogový príspevok

od Richa Clarka

Druhý prípad je ďalším príkladom zbytočného použitia prvku.

Moja spoločnosť

Založená 1893

Ak jediné dieťa

"a to
prečo potrebuješ
? Ak nemáte ďalšie položky v
"e (t.j. sestra k
), stačí odstrániť
.

Moja spoločnosť

Založená 1893

Nezarámujte všetky odkazy

HTML5 zaviedlo 30 nových prvkov, ktoré nám umožňujú vytvárať štruktúrované a zmysluplné značky. Nemali by sme však zneužívať nové sémantické prvky. Bohužiaľ, presne toto sa stáva