Pagsabot sa HTML5 SEKSYON Elemento
Sa diha nga ang HTML5 nagsugod sa talan-awon sa daghang tuig na ang milabay, kini nagdugang sa usa ka pundok sa mga bag-o nga mga elemento sa seksyon ngadto sa langauge, lakip ang SEKSIYON elemento. Kadaghanan sa bag-ong mga elemento nga gipaila sa HTML5 adunay tin-aw nga paggamit. Pananglitan, ang elemento gigamit sa paghubit sa mga artikulo ug mga nag-unang mga bahin sa usa ka web page, ang elemento gigamit aron sa paghulagway sa may kalabutan nga sulod nga dili importante sa ubang bahin sa panid, ug ang header, nav, ug footer mga piho nga maklaro. Ang bag-ong gidugang nga SECTION element, hinoon, dili kaayo tin-aw.
Daghang mga tawo ang nagtuo nga ang mga elemento sa HTML SEKSYON ug mao usab ang managsama nga butang-generic nga mga elemento sa sudlanan nga gigamit nga adunay sulod sa usa ka web page. Ang kamatuoran, bisan pa niana, mao nga kining duha ka mga elemento, samtang ang duruha nga mga elemento sa sudlanan, wala'y bisan unsa gawas sa generic. Adunay mga piho nga mga rason nga gamiton ang SEKSIYON elemento ug ang elemento sa DIV - ug kini nga artikulo magpatin-aw sa mga kalainan.
Mga seksyon ug mga Div
Ang SEKSYON elemento gihubit ingon nga seksyon sa semantiko sa usa ka web page o site nga dili usa ka piho nga matang (sama sa artikulo o gawas). Gigamit nako kini nga elemento sa dihang nagmarka ako sa usa ka lain nga seksyon sa panid - usa ka seksyon nga mabaligya ang gibaligya ug gigamit sa ubang mga pahina o mga bahin sa site. Kini usa ka lahi nga piraso sa sulod, o usa ka "seksyon" sa sulod, kon buot nimo.
Sa kasukwahi, gigamit nimo ang elemento sa DIV alang sa mga bahin sa panid nga gusto nimong bahinon, apan alang sa mga katuyoan gawas sa mga semantiko . Giputos nako ang usa ka bahin sa sulod sa usa ka dibisyon kon ako ang naghimo sa ingon aron sa paghatag sa akong kaugalingon og usa ka "kaw-it" nga gamiton sa CSS. Dili kini usa ka lahi nga bahin sa sulod nga gibase sa mga semantiko, apan kini usa ka butang nga akong gimando aron makab-ot ang plano nga gusto nako sa akong panid.
Ang & # 39; s All About Semantics
Kini usa ka malisud nga konsepto aron masabtan, apan ang bugtong kalainan tali sa elemento sa DIV ug sa SEKSYON nga elemento mao ang mga semantiko. Sa laing mga pulong, kini ang kahulogan sa seksyon sa code nga imong gibahin.
Ang bisan unsa nga sulod nga anaa sa sulod sa usa ka elemento sa DIV walay bisan unsang kinaiyanhon nga kahulogan. Kini labing maayo nga gigamit alang sa mga butang sama sa:
- Mga estilo sa CSS ug mga kaw-itanan alang sa estilo sa CSS
- Layout nga mga sudlanan
- JavaScript nga mga kaw-it
- Ang mga dibisyon alang sa HTML aron kini masayon nga basahon
Ang DIV nga elemento gigamit nga mao ang bugtong elemento nga anaa kanato alang sa pagdugang sa mga kaw-it sa estilo sa atong mga dokumento ug paghimo og mga kolum ug mga layi nga mga laylay. Tungod niini, nahuman kami sa HTML nga puno sa mga elemento sa DIV-unsa ang gitawag sa mga designers sa web nga "divitis." Adunay bisan mga editor sa WYSIWYG nga gigamit ang DIV nga elemento sa eksklusibo lamang. Ako sa tinuod nagdagan sa HTML nga naggamit sa DIV nga elemento inay sa mga parapo!
Uban sa HTML5, makasugod kita sa paggamit sa mga elemento sa seksyon aron sa paghimo og mas daghang mga descriptive nga mga dokumento (gamit ang navigation ug alang sa mga hulagway nga hulagway ug uban pa) ug usab nagpaila sa mga estilo sa mga elemento.
Komosta ang bahin sa SPAN Element?
Ang lain nga elemento nga gihunahuna sa kadaghanan sa mga tawo sa diha nga sila naghunahuna sa elemento sa DIV mao ang elemento. Kini nga elemento, sama sa DIV, dili usa ka semantiko nga elemento. Kini usa ka inline nga elemento nga imong magamit aron makadugang sa mga kaw-itanan alang sa mga estilo ug mga script sa palibot sa sulod nga mga bloke sa sulod (kasagaran teksto). Niana nga diwa kini tukma nga sama sa elemento sa DIV, inline lamang kaysa usa ka block nga elemento . Sa pipila ka mga paagi, mas sayon nga hunahunaon ang DIV isip block-level SPAN element ug gamiton kini sa samang paagi nga imong SPAN lamang alang sa bug-os nga mga bloke sa HTML nga sulod.
Walay ikatandi nga inline sectioning element sa HTML5.
Alang sa Mas daan nga mga Bersyon sa Internet Explorer
Bisag gisuportahan nimo ang mas dagko nga mga bersyon sa IE (sama sa IE 8 ug ubos) nga dili masaligan nga makaila sa HTML5, kinahanglan nga dili ka mahadlok nga gamiton nga husto ang mga tag sa HTML. Ang semantiko motabang kanimo ug sa imong team sa pagdumala sa panid sa umaabot (tungod kay imong mahibal-an nga kana nga seksyon mao ang artikulo kon kini gilibutan sa elemento sa ARTICLE). Dugang pa, ang mga browser nga nakaila sa maong mga tag mosuporta kanila.
Mahimo mo pa gamiton ang HTML5 semantiko nga mga elemento sa seksyon sa Internet Explorer, kinahanglan mo lang dugangan ang pag-script ug posibleng pipila ka naglibut nga mga elemento sa DIV aron sila makaila sa mga tag ingon nga HTML.
Paggamit sa DIV ug SEKSYON Mga elemento
Kon gigamit nimo kini sa husto, mahimo nimong gamiton ang duha ka elemento sa DIV ug SECTION sa usa ka balidong dokumento sa HTML5. Sama sa imong nakita dinhi niining artikuloha, imong gigamit ang SEKSIYON nga elemento aron paghubit sa mga bahin sa sulod sa tinagsa nga mga bahin, ug imong gigamit ang DIV nga elemento ingon nga mga kaw-itanan alang sa CSS ug JavaScript ingon man usab sa pag-define sa layout nga walay semantiko nga kahulogan.
Ang orihinal nga artikulo ni Jennifer Krynin. Gi-edit ni Jeremy Girard sa 3/15/17