Kada naudoti ARTICLE, ASIDE ir DIV
Naujasis elementas "HTML5 SECTION" 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 pakeisti esamus DIV elementus dalimis SECTION. Bet tai yra techniškai neteisinga. Taigi, jei jūs ne tik pakeisite DIV elementus SECTION elementais, kaip jūs juos teisingai naudojate?
SECTION ELEMENT yra semantinis elementas
Pirmasis dalykas, kurį reikia suprasti, yra tas, kad SECTION 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 kiti HTML5 elementai, kurie pateikia daugiau turinio semantinių skirtumų, kuriuos turėtumėte naudoti prieš pradėdami naudoti elementą SECTION:
- STRAIPSNIS
- ASIDE
- NAV
Kada naudoti SECTION elementą
Naudokite elementą ARTICLE, kai turinys yra savarankiška svetainės dalis, kuri gali būti atskirta ir būti sindikuota kaip straipsnio arba tinklaraščio įrašas. Naudokite ASIDE elementą, kai turinys yra susijęs su puslapio ar pačios svetainės turiniu, pvz., Šoninės juostos, komentarai, išnašos arba susijusi svetainės informacija. Naudokite NAV elementą naršymo turinio turiniui.
SECTION 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 elementą. HTML elemento DIV elementas yra ne semantinis konteinerio elementas. Jei turinys, kurį bandote sujungti, neturi semantinės reikšmės, tačiau vis tiek reikia jį sujungti stilingam elementui, tada DIV elementas yra tinkamas naudoti elementas.
Kaip veikia sekcijos elementas
Jūsų dokumento sekcija gali būti pateikiama kaip išorinė gaminių talpykla ir ASIDE elementai. Jame taip pat gali būti turinio, kuris nėra ARTICLE arba ASIDE dalis. Skirsnio elementas taip pat gali būti rastas ARTICLE, 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.
SECTION elementas sukuria elementus dokumento apačioje. Kaip tokį, jūs visada turėtumėte antraštės elementą (H1-H6) kaip dalį skyriaus. Jei negalite sugalvoti skirsnio pavadinimo, tada 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ų, norint pirmiausia naudoti konkretesnius semantinius elementus, yra viena apibrėžta sritis, kurioje neturėtumėte naudoti elemento SECTION: 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 elemento SECTION. Suraskite semantinį elementą arba naudokite DIV elementą.
Galiausiai tai gali neatsitiks
Sunku rašyti semantinį HTML yra tai, kas man semantiška gali būti visiškai nesąmonė jums. Jei manote, kad galite pagrįsti dokumento elemento "SECTION" naudojimą, turėtumėte jį naudoti. Daugelis naudotojų agentų nerūpi ir parodys puslapį, kaip tikėtumėte, ar jūs sukursite DIV ar SECTION.
Jei dizaineriai, kurie nori būti semantiniu būdu teisingi, svarbu naudoti SECTION elementą semantiniu požiūriu tinkamu būdu. Tiems dizaineriams, kurie tiesiog nori, kad jų puslapiai būtų dirbti, tai nėra taip svarbu. Manau, kad semantiniu požiūriu galiojančio HTML rašymas yra geroji praktika ir puslapių apsauga nuo ateities. Tačiau galų gale tai priklauso nuo jūsų.