Sisu
- „Jaotis” on viiest peamisest sisujaotusest üldiseim
- „Jao” element on semantiline element
- Millal elementi 'sektsioon' kasutada?
- Kuidas 'sektsioon' element töötab?
- Millal mitte kasutada jaotist 'Element'
- Lõppkokkuvõttes ei pruugi see olla oluline
„Jaotis” on viiest peamisest sisujaotusest üldiseim
Uus HTML5 sektsiooni element võib olla mõnevõrra segane. Kui olete HTML-dokumente ehitanud enne HTML5-d, siis võite juba kasutada seda elementi oma lehtedele struktuurijaotuse loomiseks ja seejärel lehtede kujundamiseks koos nendega. Seega võib tunduda loomulik asi lihtsalt olemasoleva asendamine DIV elemendid sektsiooni elemente. Kuid see on tehniliselt vale.
„Jao” element on semantiline element
OSA element on semantiline element; see annab nii kasutajaagentidele kui ka inimestele tähenduse, mis on suletud sisu - täpsemalt dokumendi osa.
See võib tunduda väga üldise kirjeldusena ja just seetõttu. On ka teisi HTML5 elemente, mis pakuvad teie sisule semantilisemaid erinevusi, mida peaksite enne selle kasutamist esmalt kasutama sektsiooni element:
- Artikkel
- Kõrvalt
- Nav
Millal elementi 'sektsioon' kasutada?
Kasuta artikkel element, kui sisu on saidi iseseisev osa, mis võib olla iseseisev ja sündikaat nagu artikkel või ajaveebi postitus. Kasuta kõrvale element, kui sisu on tangentsiaalselt seotud kas lehe või saidi sisuga, näiteks külgribad, märkused, joonealused märkused või seotud saiditeave. Kasuta nav element saidi navigeerimist toetava sisu jaoks.
sektsiooni element on üldine semantiline element. Kasutage seda siis, kui ükski teine semantiline konteineri element pole sobiv. See ühendab osa teie dokumendist diskreetseteks ühikuteks, mida saate mingil moel seostada. Kui te ei saa kirjeldada jaotises olevaid elemente ühe või kahe lausega, siis ei peaks te tõenäoliselt seda elementi kasutama.
Selle asemel peaksite kasutama DIV element. DIV element HTML5-s on mittesemantiline konteinerielement. Kui sisul, mida proovite ühendada, pole semantilist tähendust, kuid stiilimiseks peate selle ikkagi ühendama, siis DIV element on sobiv element kasutamiseks.
Kuidas 'sektsioon' element töötab?
Teie dokumendi osa võib ilmuda artiklite ja kõrvale elemente. See võib sisaldada ka sisu, mis pole osa sellest artikkel või kõrvale. A sektsiooni elementi võib leida ka artikkel, navvõi kõrvale. Võite isegi sektsioonid pesastada, et näidata, et üks sisurühm on teise sisurühma jaotis, mis on artikli ja lehe osa tervikuna.
sektsiooni element loob üksused dokumendi kontuuri sisse. Ja sellisena peaks teil alati olema päise element (H1 läbi H6) osana jaotisest. Kui te ei saa lõigu pealkirja välja mõelda, siis DIV element on ilmselt sobivam.
Kui te ei soovi, et jaotise pealkiri lehel kuvataks, saate seda alati CSS-iga maskeerida.
Millal mitte kasutada jaotist 'Element'
On üks eesmärk, mille jaoks te ei tohiks seda kasutada sektsiooni element: ainult stiilile.
Teisisõnu, kui ainus põhjus, miks te sellesse kohta asetate, on CSS-i stiili atribuutide lisamine, ei tohiks te a-d kasutada sektsiooni element. Leidke semantiline element või kasutage nuppu DIV element asemel.
Lõppkokkuvõttes ei pruugi see olla oluline
Semantilise HTML-i kirjutamise keerukus seisneb selles, et brauseri jaoks semantiline võib teie jaoks olla täiesti jama. Kui tunnete, et suudate selle kasutamist õigustada sektsiooni element oma dokumentides, siis peaksite seda kasutama. Enamik kasutajaagente ei hooli sellest ja kuvatakse leht nii, nagu võite arvata, kas te a-stiili kujundate DIV või a sektsiooni.
Kujundajatele, kellele meeldib olla semantiliselt korrektne, kasutades nuppu sektsiooni element semantiliselt õigustatud viisil on oluline. Disainerite jaoks, kes soovivad, et nende lehed töötaksid, pole see nii oluline. Semantiliselt kehtiva HTML-i kirjutamine on hea tava ja hoiab lehti tulevikukindlamana. Kuid lõpuks on see teie otsustada.