Naujas HTML5 skyrius elementas gali būti šiek tiek painus. Jei kūrėte HTML dokumentus anksčiau nei HTML5, yra tikimybė, kad jau naudojate elementą, kad sukurtumėte struktūrinius padalijimus savo puslapiuose, o tada juos formuokite. Taigi gali atrodyti natūralus dalykas tiesiog pakeisti esamą DIV elementai su skyrius elementai. Bet tai techniškai neteisinga.
Skiltis „Elementas yra semantinis elementas“
SKYRIUS elementas yra a prasminis elementas; jame pateikiama prasmė tiek vartotojų agentams, tiek žmonėms, kas yra uždaras turinys, būtent dokumento dalis.
Tai gali atrodyti labai bendras apibūdinimas, ir todėl, kad taip yra. Yra ir kitų HTML5 elementai kurie suteikia daugiau prasminių skirtumų jūsų turiniui, kuriuos turėtumėte naudoti pirmiausia prieš naudodami skyrius elementas:
- Straipsnis
- Atseit
- Nav
Kada naudoti elementą „skyrius“
Naudoti straipsnis elementas, kai turinys yra savarankiška svetainės dalis, kuri gali būti savarankiška ir sindikuota kaip straipsnis ar tinklaraščio įrašas. Naudoti
nuošalyje elementas, kai turinys yra tangentiškai susijęs su puslapio turiniu arba pačia svetaine, pvz., šoninės juostos, komentarai, išnašos ar susijusi svetainės informacija. Naudoti nav elementas turiniui, palaikančiam svetainės naršymą.skyrius elementas yra bendras semantinis elementas. Naudokite, kai netinka nė vienas kitas semantinio sudėtinio rodinio elementas. Tai sujungia jūsų dokumento dalis į atskirus vienetus, kuriuos galite apibūdinti kaip kažkaip susijusius. Jei negalite aprašyti skyriaus elementų vienu ar dviem sakiniais, tikriausiai neturėtumėte jo naudoti.
Vietoj to turėtumėte naudoti DIV elementas. DIV HTML5 elementas yra nemantinis konteinerio elementas. Jei turinys, kurį bandote sujungti, neturi semantinės prasmės, tačiau jį vis tiek turite sujungti, kad galėtumėte sujungti stilių, tada DIV elementas yra tinkamas naudoti elementas.
Kaip veikia skyrius „Elementas“
Jūsų dokumento dalis gali būti rodoma kaip išorinė talpykla straipsniams ir nuošalyje elementai. Jame taip pat gali būti turinio, kuris nėra „ straipsnis arba nuošalyje. A skyrius elementą taip pat galima rasti viduje straipsnis, navarba nuošalyje. Jūs netgi galite įdėti skyrius, kad nurodytumėte, jog viena turinio grupė yra kitos turinio grupės dalis, kuri yra straipsnio arba viso puslapio dalis.
skyrius elementas sukuria elementus dokumento kontūre. Taigi jūs visada turėtumėte turėti antraštės elementą (H1 per H6) kaip skyriaus dalį. Jei negalite sugalvoti skyriaus pavadinimo, DIV elementas tikriausiai yra tinkamesnis.
Jei nenorite, kad skyriaus pavadinimas būtų rodomas puslapyje, visada galite jį užmaskuoti CSS.
Kada nenaudoti „skyriaus“ elemento
Vienam tikslui neturėtumėte naudoti skyrius elementas: tik stiliui.
Kitaip tariant, jei vienintelė priežastis, dėl kurios jūs dedate elementą į tą vietą, yra pritvirtinimas CSS stilius savybių, neturėtumėte naudoti a skyrius elementas. Surasti semantinis elementas arba naudoti DIV elementas.
Galų gale tai gali būti nesvarbu
Rašant semantinį HTML yra tas sunkumas, kad tai, kas prasminga naršyklei, jums gali būti visiškai nesąmonė. Jei manote, kad galite pateisinti skyrius elementą dokumentuose, tada turėtumėte jį naudoti. Daugumai vartotojų agentų tai nerūpi ir jie rodys puslapį taip, kaip jūs galite tikėtis, ar jūs stiliaus a DIV arba a skyrius.
Dizaineriams, kurie mėgsta būti semantiškai teisingi, naudodami skyrius yra svarbus semantiškai pagrįstas elementas. Dizaineriams, kurie tiesiog nori, kad jų puslapiai veiktų, tai nėra taip svarbu. Semantiškai pagrįsto HTML rašymas yra gera praktika, todėl puslapiai bus labiau apsaugoti nuo ateities. Bet galų gale tai priklauso nuo jūsų.