namai Saugumas Figūros žyma apibrėžia. Figūros ir antraštės elementai yra žiniatinklio standartai. bet dabar ne apie tai kalbame. Tikroji klaida yra pernelyg didelis elemento naudojimas. turėtų būti naudojamas tik tada, kai nurodote jį dokumente. Mažai tikėtina, kad kreipsitės į savo

Figūros žyma apibrėžia. Figūros ir antraštės elementai yra žiniatinklio standartai. bet dabar ne apie tai kalbame. Tikroji klaida yra pernelyg didelis elemento naudojimas. turėtų būti naudojamas tik tada, kai nurodote jį dokumente. Mažai tikėtina, kad kreipsitės į savo

Atsakydamas į vartotojų klausimus, mačiau daug svetainių su HTML5 žymėjimu. Šiame straipsnyje parodysiu keletą žymėjimo klaidų ir blogos praktikos, su kuriomis dažnai susidūriau, ir paaiškinsiu, kaip jų išvengti.

Nenaudokite žymos
kaip įvyniojimas dekoravimui

Viena dažniausių mano pastebėtų problemų – banalus keitimas
"ov apie HTML5 struktūrinius elementus, ypač ant
Tai yra, kai kažkas XHTML arba HTML4 atrodo taip:
Perrašyta taip:

Tai tiesiog neteisinga:
ne įvyniojimas. Šis elementas reiškia semantinį jūsų turinio bloką, naudojamą kuriant „dokumento kontūrą“, ir jame turi būti antraštė. Jei jums reikia apvynioti elementą, pabandykite tai padaryti (Kroc Camen turi ką pasiūlyti). Jei tai neišsprendžia problemos, kai reikia papildomų įvyniojimų, naudokite seną gerą
Atsiradus HTML5
„Jūs nesate miręs, ir jie puikiai tinka šiuo atveju.

Visa tai pasakius, būtų malonu pažymėti aukščiau pateiktą pavyzdį naudojant HTML5 taip:

Mano super duper puslapis

Jei nesate tikri, kurį elementą naudoti, patariu naudoti elementų pasirinkimo schemą ( apytiksliai vertėjas: žr. pačioje įrašo apačioje).

Naudokite
ir
tik tada, kai reikia

Nėra prasmės rašyti kodą, jei jis nėra būtinas, tiesa? Deja, aš dažnai matau, kaip
ir
kur jie nereikalingi. Galite perskaityti apie elementus
ir
Išsamiau trumpai apibūdinsiu pagrindinius dalykus:
  • Elementas
    reiškia įvadinių arba navigacijos priemonių grupę ir paprastai turi skyriaus antraštę
  • Elementas
    sugrupuoja elementų rinkinį

    -

    , žymintis skyriaus antraštę, jei ją sudaro keli lygiai (paantraštės, alternatyvios antraštės ir kt.)
Elementų perteklius
Esu tikras, kad jūs puikiai žinote tą elementą
dokumente gali būti naudojamas kelis kartus. Taigi dažnai taip yra:

Mano geriausias dienoraščio įrašas

Jei tavo

yra tik vienas antraštės elementas, jo nereikia. Šiuo atveju elementas
jau garantuoja, kad pavadinimas bus įtrauktas į „dokumento metmenis“ (dokumento metmenis), ir vieną kartą
nėra kelių elementų (kaip apibrėžta), jį galima saugiai pašalinti. Užtenka tik šito:

Mano geriausias dienoraščio įrašas

Piktnaudžiavimas
Ir vėl apie antraštes: dažnai matau neteisingą elemento naudojimą
. Negalima naudoti
kartu su
, jei:
  • Yra tik viena antraštė
  • geras vienas (t. y. be
    ).
Pirmas atvejis:

Mano geriausias dienoraščio įrašas

pateikė Rich Clark

Tokiu atveju tiesiog pašalinkite h grupę.

Mano geriausias dienoraščio įrašas

pateikė Rich Clark

Antrasis atvejis yra dar vienas elemento naudojimo be reikalo pavyzdys.

Mano kompanija

Įkurta 1893 m

Jei vienintelis vaikas

"ir šis
kam tau reikia
? Jei neturite papildomų prekių
"e (t. y. sesuo
), tiesiog pašalinkite
.

Mano kompanija

Įkurta 1893 m

Neįrėminkite visų nuorodų

HTML5 pristatė 30 naujų elementų, kad galėtume sukurti struktūrizuotą ir prasmingą žymėjimą. Tačiau nereikėtų piktnaudžiauti naujais semantiniais elementais. Deja, būtent taip ir atsitinka