Naon nya éta selisih DIV sarta bagian?

Ngarti kana HTML5 bagian Unsur

Nalika HTML5 burts onto adegan sababaraha taun ka tukang, éta ditambahkeun kebat unsur sectioning anyar pikeun langauge, kaasup unsur bagian. Kalolobaan unsur anyar nu HTML5 ngenalkeun boga kagunaan jelas. Contona, unsur anu dipaké pikeun nangtukeun artikel jeung bagian utama hiji kaca web, unsur anu dipake keur ngartikeun eusi nu berhubungan nu teu kritis kana sésana kaca, sarta lulugu, nav, sarta footer nu geulis timer explanatory. Unsur bagian karek ditambahkeun kitu, bit kirang jelas.

Loba jalma yakin yén elemen HTML bagian na anu bener euy hal-generik elemen wadahna sami dipaké pikeun ngamuat eusi dina hiji kaca web. kanyataanana kitu, éta dua elemen ieu, bari duanana elemen wadahna kabawa, aya nanaon tapi generik. Aya alesan husus ngagunakeun duanana unsur bagian jeung unsur DIV - na artikel ieu bakal ngajelaskeun pamadegan beda.

Bagean na Divs

Unsur bagian diartikeun salaku bagian semantik tina hiji kaca web atawa situs anu henteu séjén tipe leuwih spésifik (kawas artikel atawa kumisan). Kuring condong ngagunakeun unsur ieu lamun Kuring keur nyirian up a bagian béda kaca - a bagian anu bisa borongan jadi dipindahkeun sarta dipaké dina kaca séjén atawa bagéan loka. Éta sapotong béda tina kandungan, atawa "bagian" tina eusi, lamun bakal.

Kontras, Anjeun nganggo unsur DIV keur bagéan kaca nu Anjeun hoyong ngabagi nepi, tapi pikeun tujuan séjén ti semantik . Abdi mungkus wewengkon eusi dina division a lamun Kuring keur ngalakukeun kitu murni pikeun masihan sorangan a "hook" ngagunakeun kalawan CSS. Ieu bisa jadi hiji bagian béda tina eusi dumasar semantik, tapi mangrupakeun hiji hal Kuring keur dictating guna ngahontal perenah Abdi hoyong pikeun kaca kuring.

Ieu & # 39; s Sadaya Ngeunaan Semantik

Ieu konsép teuas ngartos, tapi hijina bédana antara unsur DIV jeung unsur bagian nyaeta semantik. Kalayan kecap séjén, éta hartina sahiji bagian kode nu nuju ngabagi up.

Sagala eusi nu dikandung jero unsur DIV teu ngagaduhan harti alamiah. Hal ieu pangalusna dipaké pikeun hal kawas:

Unsur DIV nu dipaké pikeun jadi hijina unsur urang tadi keur nambahkeun uli kana gaya dokumén kami sarta nyieun kolom na layouts fancy. Kusabab eta, urang réngsé nepi kalawan HTML nu ieu riddled mibanda elemen-naon DIV bisa web désainer nelepon "divitis". Aya malah rai WYSIWYG nu dipaké unsur DIV éksklusif. Kuring geus sabenerna ngajalankeun sakuliah HTML anu ngagunakeun unsur DIV gaganti pikeun ayat!

Kalawan HTML5, urang bisa ngamimitian migunakeun elemen sectioning mun nyieun leuwih semantically dokumén deskriptif (maké pikeun navigasi jeung inohong deskriptif jeung saterusna) jeung oge ngartikeun gaya on elemen maranéhanana.

Naon Ngeunaan bentang Unsur?

Unsur séjén nu paling urang mikir mun maranéhna nganggap sahiji unsur DIV mangrupa unsur. Unsur ieu, kawas DIV, sanes unsur semantis. Éta unsur inline nu bisa Anjeun pake pikeun nambahkeun uli pikeun gaya jeung Aksara sabudeureun inline blok eusi (biasana téks). Dina rasa anu éta persis kawas unsur DIV, ngan inline tinimbang hiji blok unsur . Dina sababaraha cara, éta bisa jadi gampang pikir tina DIV salaku unsur bentang block-tingkat tur ngagunakeun eta dina cara nu sarua anjeun bakal bentang ukur pikeun sakabéh blok eusi HTML.

Aya inline comparable sectioning unsur dina HTML5.

Pikeun versi heubeul tina Internet Explorer

Malah lamun keur ngarojong versi nyirorot heubeul tina IE (kawas IE 8 sarta handap) nu teu reliably ngakuan HTML5, anjeun teu kudu sieun make tag HTML semantically bener. The semantik bakal nulungan urang jeung tim anjeun ngatur kaca di mangsa ka hareup (sabab gé nyaho yén bagian anu mangrupa artikel upami urang dikurilingan ku unsur PASAL). Tambih Deui, panyungsi anu ngalakukeun ngakuan tag eta bakal ngarojong éta hadé.

Anjeun masih bisa make HTML5 semantis elemen sectioning kalawan Internet Explorer, anjeun ngan butuh pikeun nambahkeun scripting jeung kamungkinan sababaraha elemen DIV sabudeureun pikeun meunangkeun éta pikeun mikawanoh tag sakumaha HTML.

Ngagunakeun DIV sarta bagian Unsur

Upami Anjeun keur make aranjeunna neuleu, anjeun tiasa nganggo duanana DIV sarta bagian elemen babarengan dina dokumen HTML5 sah. Salaku tos Anjeun ditempo di dieu di artikel ieu, anjeun nganggo unsur bagian keur ngartikeun porsi semantically diskrit tina eusi, jeung anjeun nganggo unsur DIV sakumaha uli pikeun CSS jeung JavaScript ogé watesan perenah nu teu boga harti semantis.

Aslina artikel ku Jennifer Krynin. Diédit ku Jeremy Girard on 3/15/17