Lè w itilize Eleman SEKSYON HTML5

Ak lè yo itilize ARTIK, aside, ak DIV

Nouvo eleman SEKSYON HTML5 ka yon ti jan konfizyon. Si ou te bati HTML dokiman anvan HTML5, chans ou se deja lè l sèvi avèk eleman an yo kreye divizyon estriktirèl nan paj ou ak Lè sa a, style paj sa yo avèk yo. Se konsa, li ta ka sanble tankou yon bagay natirèl tou senpleman ranplase eleman ki deja egziste DIV ou a ak eleman SEKSYON. Men, sa a se teknikman kòrèk. Se konsa, si ou pa jis ranplase eleman DIV ak eleman seksyon, ki jan ou sèvi ak yo kòrèkteman?

Eleman SEKSYON an se yon eleman semantik

Premye bagay yo konprann se ke eleman SEKSYON a se yon eleman semantik . Sa vle di ke li bay siyifikasyon a tou de ajan itilizatè yo ak moun sou sa ki kontni an ki fèmen se-espesyalman yon seksyon nan dokiman an.

Sa a ka sanble tankou yon deskripsyon trè semantik, e se paske li se. Gen lòt HTML5 eleman ki bay distenksyon plis semantik nan kontni ou ke ou ta dwe itilize premye anvan ou itilize eleman SEKSYON:

Lè yo itilize eleman SEKSYON

Sèvi ak eleman ARTIK a lè kontni an se yon pati endepandan nan sit la ki ka kanpe pou kont li epi yo dwe sendike tankou yon atik oswa pòs blog. Sèvi ak eleman ASIDE la lè kontni an se tangansyèlman ki gen rapò ak swa kontni an nan paj la oswa sit nan tèt li, tankou ankadre, anotezi, nòt anba paj, oswa enfòmasyon sit ki asosye. Itilize eleman NAV pou kontni ki navigasyon.

Eleman SEKSYON a se yon eleman semantik jenerik. Ou itilize li lè okenn nan lòt eleman yo veso semantik yo apwopriye. Ou sèvi ak li nan konbine pòsyon nan dokiman ou yo ansanm nan inite disrè ke ou ka dekri kòm ki gen rapò nan kèk fason. Si ou pa ka dekri eleman ki nan seksyon an nan youn oswa de fraz, Lè sa a, pwobableman ou pa ta dwe itilize eleman an.

Olye de sa, ou ta dwe itilize eleman DIV la. Eleman DIV nan HTML5 se yon eleman veso ki pa semantik. Si kontni an ou yo ap eseye konbine pa gen yon sans semantik, men ou toujou bezwen konbine li pou manier, Lè sa a, eleman nan DIV se eleman ki apwopriye a yo sèvi ak.

Kijan SEKSYON Eleman an ap travay

Yon seksyon nan dokiman ou ka parèt kòm veso a deyò pou atik ak ASIDE eleman. Li kapab tou gen ladan kontni ki pa fè pati yon ATIK oswa ASIDE. Yon eleman SEKSYON ka jwenn tou andedan yon ATIK, Nav, oswa ASIDE. Ou ka menm nich seksyon yo endike ke yon sèl gwoup nan kontni se yon seksyon nan yon lòt gwoup nan kontni ki se yon seksyon nan yon atik oswa paj la kòm yon antye.

Eleman an SEKSYON kreye atik andedan yon deskripsyon dokiman an. Epi kòm sa yo, ou ta dwe toujou gen yon eleman header (H1 jiska H6) kòm yon pati nan seksyon an. Si ou pa ka vini ak yon tit pou seksyon an, lè sa a ankò eleman DIV la se pwobableman plis apwopriye. Sonje, si ou pa vle tit la seksyon parèt sou paj la, ou ka toujou mask li ak CSS.

Lè yo pa itilize Eleman SEKSYON

Anplis konsèy ki anwo a yo sèvi ak eleman yo espesifik plis espesifik premye, gen yon sèl zòn defini ke ou pa ta dwe itilize eleman an SEKSYON: pou style sèlman.

Nan lòt mo, si rezon ki fè la sèlman w ap mete yon eleman nan kote sa a se yo mete pwopriyete style CSS, ou pa ta dwe itilize yon eleman SEKSYON. Jwenn yon eleman semantik oswa itilize eleman DIV olye.

Finalman, li pa ka fè sa

Yon difikilte nan ekri semantik HTML se ke sa ki semantik pou m 'ka dwe istwa san sans prononcée pou ou. Si ou santi ke ou ka jistifye lè l sèvi avèk eleman an SEKSYON nan dokiman ou, Lè sa a, ou ta dwe itilize li. Pifò ajan itilizatè pa pran swen epi yo pral montre paj la jan ou ta ka atann si ou style yon DIV oswa yon SEKSYON.

Pou konsèpteur ki renmen semantikman kòrèk, lè l sèvi avèk eleman SEKSYON an nan yon fason semantikman valab enpòtan. Pou konsèpteur ki jis vle paj yo nan travay, se sa ki pa tankou enpòtan. Mwen kwè ke ekri HTML semantikman valid se pratik bon epi kenbe paj yo plis lavni-pwouve. Men, nan fen a li a jiska ou.