Konprann Eleman SEKSYON HTML5
Lè HTML5 ranpli sou sèn nan yon kantite ane de sa, li te ajoute yon pakèt moun sou nouvo eleman seksyon nan langaj la, ki gen ladan eleman an SEKSYON. Pifò nan eleman yo nouvo ki HTML5 entwodui gen itilizasyon klè. Pou egzanp, eleman an yo itilize defini atik ak pati prensipal nan yon paj entènèt, se eleman an itilize defini kontni ki gen rapò ki pa kritik nan rès la nan paj la, ak header, nav, ak pye yo trè pwòp eksplikasyon. Ekip SEKSYON ki fèk ajoute a, sepandan, se yon ti jan mwens klè.
Anpil moun kwè ke eleman yo HTML SEKSYON epi yo reyèlman jis menm bagay-jenerik veso eleman yo itilize yo gen ladan kontni sou yon paj entènèt. Reyalite a, sepandan, se ke de eleman sa yo, pandan y ap tou de yo te eleman veso, yo se anyen men jenerik. Gen rezon espesifik yo sèvi ak tou de eleman SEKSYON ak eleman DIV la - ak atik sa a pral eksplike diferans sa yo.
Seksyon ak div
Se eleman SEKSYON an defini kòm yon sekans semantik nan yon paj entènèt oswa sit ki pa yon lòt kalite espesifik plis (tankou atik oswa sou kote). Mwen gen tandans sèvi ak eleman sa a lè mwen make yon seksyon diferan nan paj la - yon seksyon ki ta ka wholesale dwe deplase epi yo itilize sou lòt paj oswa pati nan sit la. Li se yon moso diferan nan kontni, oswa yon "seksyon" nan kontni, si ou vle.
Kontrèman, ou itilize eleman DIV la pou pati nan paj ou vle divize, men pou rezon ki pa semantik . Mwen ta vlope yon zòn nan kontni nan yon divizyon si mwen fè sa piman bay tèt mwen yon "zen" yo sèvi ak ak CSS. Li ka pa yon seksyon diferan de kontni ki baze sou semantik, men se yon bagay mwen dictating yo nan lòd reyalize layout a mwen vle pou paj mwen an.
Li nan tout sou Semantics
Sa a se yon konsèp difisil yo konprann, men diferans la sèlman ant eleman nan DIV ak eleman an SEKSYON se semantik. Nan lòt mo, li nan siyifikasyon an nan seksyon an nan Kòd w ap divize yo.
Nenpòt kontni ki genyen andedan yon eleman DIV pa gen okenn siyifikasyon nannan. Li pi byen itilize pou bagay sa yo tankou:
- CSS estil ak kwòk pou Styles CSS
- Layout resipyan yo
- JavaScript kwòk
- Divizyon pou HTML a fè li pi fasil li
Eleman nan DIV te itilize yo dwe eleman nan sèlman nou te pou ajoute Kwòk style dokiman nou yo ak kreye kolòn ak kouman anpenpan. Paske nan sa, nou te fini ak HTML ki te krible ak DIV eleman - sa ki ka konsèpteur entènèt rele "divit." Te gen menm editè WYSIWYG ki te itilize eleman nan DIV sèlman. Mwen te aktyèlman kouri atravè HTML ki itilize eleman nan DIV olye pou yo pou paragraf!
Avèk HTML5, nou ka kòmanse itilize eleman seksyon pou kreye plis semantikman deskriptif dokiman (lè l sèvi avèk pou Navigasyon ak pou figi deskriptif yo ak sou sa) epi defini tou estil yo sou eleman sa yo.
Ki sa ki sou eleman SPAN?
Lòt eleman ki pi fò moun panse de lè yo panse de eleman DIV se eleman an. Eleman sa a, tankou DIV, se pa yon eleman semantik. Li se yon eleman aliye ke ou ka itilize yo ajoute kwòk pou Styles ak Scripts alantou blòk nan liy kontni (anjeneral tèks). Nan sans sa a li se egzakteman tankou eleman nan DIV, sèlman aliye olye ke yon eleman blòk . Nan kèk fason, li ta ka pi fasil panse nan DIV la kòm yon eleman SPAN blòk-nivo epi sèvi ak li nan menm fason ou ta SPAN sèlman pou blòk tout nan kontni HTML.
Pa gen okenn eleman seksyon konparab aliye nan HTML5.
Pou vèsyon ki pi gran nan Internet Explorer
Menm si ou sipòte vèsyon ki pi ansyen nan IE IE (tankou IE 8 ak pi ba) ki pa fiable rekonèt HTML5, ou pa ta dwe pè yo sèvi ak semantically korije HTML Tags. Semantik yo pral ede ou ak ekip ou a jere paj la nan lavni an (paske ou pral konnen ke seksyon sa a se atik la si li antoure pa eleman atik la). Plus, navigatè ki rekonèt sa yo Tags ap sipòte yo pi byen.
Ou ka toujou itilize HTML5 semantik seksyon eleman ak Internet Explorer, ou jis bezwen ajoute scripting epi pètèt yon kèk ki antoure DIV eleman yo ka resevwa yo rekonèt tags yo kòm HTML.
Sèvi ak DIV ak SEKSYON Eleman
Si w ap itilize yo kòrèkteman, ou ka itilize tou de DIV ak SECTION eleman yo ansanm nan yon dokiman HTML5 valab. Kòm ou te wè isit la nan atik sa a, ou itilize eleman an SEKSYON defini semantikman disrè pòsyon nan kontni an, epi ou itilize eleman nan DIV kòm kwòk pou CSS ak JavaScript kòm byen ke Layout defini ki pa gen yon sans semantik.
Original atik pa Jennifer Krynin. Edited by Jeremy Girard sou 15/3/17