Naujas HTML5
SKYRIUS elementas gali būti šiek tiek paini. Jei HTML5 dokumentus sukūrėte prieš HTML5, tikėtina, kad jūs jau naudojate elementą, kad sukurtumėte struktūrinius padalijimus savo puslapiuose, o tada juos suaktyvinsite. Taigi gali atrodyti natūralus dalykas, kad tiesiog pakeistų esamą
DIV elementai su
SKYRIUS elementai. Bet tai yra techniškai neteisinga. Taigi, jei jūs ne tik pakeisite
DIV elementai su
SKYRIUS elementai, kaip jūs juos teisingai naudojate?
Skirsnio elementas yra semantinis elementas
Pirmasis dalykas, kurį reikia suprasti, yra tas, kad
SKYRIUS elementas yra semantinis elementas. Tai reiškia, kad tiek naudotojo agentams, tiek žmonėms svarbu suprasti, koks yra pridėtas turinys, konkrečiai dokumento sekcija.
Tai gali atrodyti kaip labai bendro semantinio aprašo, ir tai yra todėl, kad yra. Yra ir kitų HTML5 elementų, kurie jūsų turiniu suteikia daugiau semantinių skirtumų, kuriuos turėtumėte naudoti prieš pradėdami naudotis
SKYRIUS elementas:
-
STRAIPSNIS
-
ASIDE
-
NAV
Kada naudoti SECTION elementą
Naudoti
STRAIPSNIS elementas, kai turinys yra savarankiška svetainės dalis, kuri gali būti atskira ir būti sindikuota kaip straipsnio arba tinklaraščio įrašas. Naudoti
ASIDE elementas, kai turinys yra susijęs su puslapio arba pačios svetainės turiniu, pavyzdžiui, šoninės juostos, komentarai, išnašos arba susijusi svetainės informacija. Naudoti
NAV elementas turinio, kuris yra navigacija.
The
SKYRIUS elementas yra bendrinis semantinis elementas. Jūs ją naudojate, kai nė vienas iš kitų semantinių konteinerių elementų nėra tinkamas. Ją naudojate, kad sujungsite savo dokumento dalis į atskirus vienetus, kuriuos galite apibūdinti kaip susijusius tam tikru būdu. Jei negalite apibūdinti vieno ar dviejų sakinių sekcijoje esančių elementų, tikriausiai neturėtumėte naudoti šio elemento.
Vietoj to turėtumėte naudoti
DIV elementas The
DIV elementas HTML5 yra ne semantikos konteinerio elementas. Jei turinys, kurį bandote sujungti, neturi semantinės reikšmės, bet vis tiek reikia jį sujungti stilingam, tada
DIV elementas yra tinkamas naudoti elementas.
Kaip veikia sekcijos elementas
Jūsų dokumento sekcija gali būti pateikiama kaip išorinė produktų ir straipsnių talpykla
ASIDE elementai. Jame taip pat gali būti turinio, kuris nėra "
STRAIPSNIS arba
ASIDE. A
SKYRIUS elementą taip pat galima rasti viduje
STRAIPSNIS,
NAV, arba
ASIDE. Netgi galite priklijuoti sekcijas, kad būtų nurodyta, kad viena turinio grupė yra kitokia turinio grupė, kuri yra straipsnio ar viso puslapio skiltis.
The
SKYRIUS elementas sukuria elementus dokumento apačioje. Ir tokiu atveju visada turėtų būti antraštės elementas (
H1 per
H6) skyriuje. Jei negalite sugalvoti skirsnio pavadinimo, tada dar kartą
DIV elementas tikriausiai yra tinkamesnis. Atminkite, kad jei nenorite, kad sekcijos pavadinimas būtų rodomas puslapyje, visada galite jį užmaskuoti CSS.
Kai nenaudojate SECTION elemento
Pirmiau, be pirmiau minėtų patarimų, pirmiausia naudoti konkretesnius semantinius elementus, yra viena tam tikra sritis, kurioje neturėtumėte naudoti
SKYRIUS elementas: tik stiliui.
Kitaip tariant, jei vienintelė priežastis, dėl kurios jūs įtraukiate elementą šioje vietoje, yra pridėti CSS stiliaus savybes, neturėtumėte naudoti
SKYRIUS elementas Raskite semantinį elementą arba naudokite
Galiausiai tai gali neatsižvelgti
Sunku rašyti semantinį HTML yra tai, kas man semantiška gali būti visiškai nesąmonė jums. Jei manote, kad galite pateisinti naudojimąsi
SKYRIUS elementą savo dokumentuose, tada turėtumėte jį naudoti. Daugelis vartotojų agentų nerūpi ir parodys puslapį, kaip tikėtumėte, ar jūs stiliaus
DIV arba a
SKYRIUS.
Dizaineriams, kurie nori būti semantiniu būdu teisingi, naudojant
SKYRIUS elementas semantiniu požiūriu yra svarbus. Tiems dizaineriams, kurie tiesiog nori, kad jų puslapiai būtų dirbti, tai nėra taip svarbu. Manome, kad semantiniu požiūriu galiojančio HTML rašymas yra geroji praktika ir puslapiai yra saugesni. Tačiau galų gale tai priklauso nuo jūsų.
