Ja millal kasutada ARTICLE, ASIDE ja DIV
Uus element HTML5 SECTION võib olla mõnevõrra segane. Kui olete HTML-vormingus dokumente hoiutanud enne HTML5-d, on tõenäosus, et juba kasutate seda elementi oma lehtede struktuuriüksuste loomiseks ja seejärel salvestage need lehed. Nii et võib tunduda loomulik asi, mis lihtsalt asendab olemasolevad DIV-elemendid SECTION-elementidega. Kuid see on tehniliselt vale. Nii et kui te ei asenda DIV elemente SECTION elementidega, siis kuidas neid õigesti kasutada?
JAGUAEG Element on semantiline element
Esimene asi, mida tuleb mõista, on see, et osa SECTION on semantiline element. See tähendab, et see annab nii kasutajaagentidele kui ka inimestele tähenduse selle kohta, milline on lisatud sisu, konkreetselt dokumendi osa.
See võib tunduda väga üldise semantilise kirjeldusega ja see on sellepärast, et see on. On ka teisi HTML5-elemente, mis pakuvad teie sisule rohkem semantilist eristust, mida peaksite enne esmalt SECTION'i kasutamist kasutama:
- ARTIKKEL
- ASIDE
- NAV
Millal kasutada SECTION Element
Kasutage artiklit ARTICLE, kui sisu on saidi iseseisev osa, mis võib üksinda seista ja olla sündikaatne nagu artikkel või blogi postitus. Kasutage ASIDE elementi siis, kui sisu on seotud kas lehe või saidi sisuga, näiteks külgribadega, märkuste, allmärkuste või seotud saidi andmetega. Navigeerimiseks mõeldud sisu jaoks kasutage NAV-elementi.
SECTION element on üldine semantiline element. Seda te kasutate, kui ükski teine semantiline konteinerielement pole sobiv. Saate seda kasutada, et ühendada oma dokumendi osad kokku eraldiseisvate üksustega, mida võite mingil viisil seostada. Kui te ei suuda kirjeldada ühe või kahe lause sektsiooni elemente, siis tõenäoliselt ei peaks te seda elementi kasutama.
Selle asemel peaksite kasutama DIV-elementi. HTML-i DIV-element on mitte-semantiline konteinerite element. Kui sisu, mida üritate ühendada, pole semantilist tähendust, kuid teil on siiski vaja seda stiili kombineerida, siis on DIV-elemendiks sobiv element kasutada.
Kuidas sektsioonielement töötab?
Teie dokumendi jaotis võib esineda artiklite välise konteineri ja ASIDE elementidena. Samuti võib see sisaldada sisu, mis ei kuulu ARTICLE või ASIDE. OSA osa võib leida ka artiklis ARTIKLIS, NAV või ASIDE. Võite isegi osade pesa märkida, et üks rühma sisu on teise rühma sisu, mis on artikli või kogu lehe osa.
SECTION element loob objekte dokumendi põhijoontes. Sellisel juhul peaksite lõikude osana alati olema päiseelement (H1 kuni H6). Kui te ei saa sektsiooni pealkirjaga välja tuua, siis on DIV-elemendi uuesti sobivam. Pidage meeles, et kui te ei soovi, et sektsiooni pealkiri ilmub lehel, võite selle alati maskeerida CSS-iga.
Kui mitte kasutada SECTION elementi
Ülaltoodu nõuetest lähtuvalt on kõigepealt konkreetsemad semantilised elemendid, seal on üks kindel ala, mida ei tohiks kasutada osa SECTION: ainult stiilis.
Teisisõnu, kui ainus põhjus, millega olete selles kohas elemendi lisanud, on CSS-stiilis omaduste lisamine, siis ei tohiks SECTIONi elementi kasutada. Leidke semantilise elemendi või kasutage selle asemel DIV-elementi.
Lõppkokkuvõttes see ei pruugi olla oluline
Semantilise HTML-i kirjutamise raskus on see, et mulle semantiline tähendus võib olla teile täiesti mõttetu. Kui tunned, et saate õigustada SECTIONi elemendi kasutamist oma dokumentides, siis peate seda kasutama. Enamik kasutajaagereid ei hooli ja kuvab lehte, nagu võite arvata, kas teete DIV-i või SECTION'i.
Disaineritele, kes soovivad semantilist korrektsust, on SECTIONi elemendi kasutamine semantiliselt õigel viisil oluline. Disaineritele, kes lihtsalt tahavad, et nende leheküljed töötaksid, pole see nii tähtis. Usun, et semantiliselt kehtiva HTML-i kirjutamine on hea tava ja hoiab lehekülgi tulevikus kindlamana. Kuid lõpuks on see teie jaoks.