Millal kasutada elementi HTML5 SECTION

click fraud protection

Uus HTML5 jaotises element võib olla mõnevõrra segane. Kui olete HTML-dokumente ehitanud enne HTML5-d, on tõenäoline, et kasutate juba elementi oma lehtede struktuursete jaotuste loomiseks ja seejärel nende kujundamiseks. Nii võib tunduda loomulik asi lihtsalt oma olemasolev asendada DIV elemendid koos jaotises elemendid. Kuid see on tehniliselt vale.

Jaotis Element on semantiline element

The JAGU element on a semantiline element; see annab tähenduse nii kasutajaagentidele kui ka inimestele selle kohta, mis on kinnine sisu - täpsemalt dokumendi osa.

See võib tunduda väga üldise kirjeldusena ja seda sellepärast, et on. On ka teisi HTML5 elemendid mis pakuvad teie sisule rohkem semantilisi eristusi, mida peaksite enne jaotises element:

  • Artikkel
  • Kõrvale
  • Nav

Millal jaotist Element kasutada

Kasuta artikkel element, kui sisu on saidi iseseisev osa, mis võib olla iseseisev ja sündikaatne nagu artikkel või ajaveebipostitus. Kasuta kõrvale element, kui sisu on tangentsiaalselt seotud kas lehe sisu või saidi endaga, näiteks külgribad, märkused, joonealused märkused või seotud saiditeave. Kasuta

instagram viewer
nav saidi navigeerimist toetava sisu element.

The jaotises element on üldine semantiline element. Kasutage seda siis, kui ükski teine ​​semantilise konteineri element pole sobiv. See ühendab teie dokumendi osad diskreetseteks üksusteks, mida saate kirjeldada mingil viisil seotuna. Kui te ei oska jaotise elemente ühe või kahe lausega kirjeldada, siis tõenäoliselt ei tohiks te seda elementi kasutada.

Selle asemel peaksite kasutama DIV element. The DIV element HTML5-s on mittemantiline konteinerelement. Kui sisul, mida proovite ühendada, pole semantilist tähendust, kuid peate selle siiski stiiliks ühendama, siis DIV element on sobiv element, mida kasutada.

Kuidas jaotis Element töötab

Teie dokumendi osa võib ilmuda artiklite ja kõrvale elemendid. See võib sisaldada ka sisu, mis pole osa artikkel või kõrvale. A jaotises elemendi võib leida ka artikkel, navvõi kõrvale. Võite isegi pesasid jaotada, et näidata, et üks sisugrupp on teise sisurühma osa, mis on artikli või kogu lehe osa.

The jaotises element loob dokumendi kontuuri piires üksused. Ja sellisena peaks teil alati olema päiseelement (H1 läbi H6) jao osana. Kui te ei suuda jaotise pealkirja välja mõelda, DIV element on ilmselt sobivam.

Kui te ei soovi, et jaotise pealkiri lehel ilmuks, saate selle alati CSS-iga maskeerida.

Millal ei tohi kasutada jaotise elementi

On üks eesmärk, mille jaoks te ei tohiks seda kasutada jaotises element: ainult stiili jaoks.

Teisisõnu, kui ainus põhjus, miks panete elemendi sellesse kohta, on kinnitus CSS-i stiil omadused, ei tohiks te kasutada a jaotises element. Leia semantiline element või kasutage DIV selle asemel element.

Lõppkokkuvõttes ei pruugi see olla oluline

Semantilise HTML-i kirjutamise raskus seisneb selles, et see, mis on brauseri jaoks semantiline, võib teile täiesti mõttetu olla. Kui tunnete, et saate selle kasutamist õigustada jaotises oma dokumentides, siis peaksite seda kasutama. Enamik kasutajaagente ei hooli sellest ja kuvavad lehte nii, nagu võite eeldada, kas kujundate a DIV või a jaotises.

Disainerite jaoks, kellele meeldib olla semantiliselt korrektne, kasutades jaotises on oluline semantiliselt kehtival viisil. Disainerite jaoks, kes soovivad lihtsalt, et nende lehed töötaksid, pole see nii tähtis. Semantiliselt kehtiva HTML-i kirjutamine on hea tava ja hoiab lehti tulevikukindlamana. Kuid lõpuks on see teie otsustada.

instagram story viewer