Ngerti babagan HTML5 SECTION Element
Nalika HTML5 mbukak adegan pirang-pirang taun kepungkur, nambahake sekelompok elemen seksi anyar, kalebu elemen SECTION. Paling akeh unsur anyar sing diwenehi tandha HTML5 duwe panggunaan jelas. Contone, unsur digunakake kanggo netepake artikel lan bagian utama saka kaca web, unsur kasebut digunakake kanggo netepake isi sing terkait sing ora kritis menyang kaca liyane, lan header, nav, lan sikil cukup cetha. Unsur SATSID sing mentas ditambahake, nanging rada kurang jelas.
Akeh wong sing pracaya marang unsur HTML BAGIAN lan bener-bener mung unsur sing umum-umum sing digunakake kanggo ngemot konten ing kaca web. Nanging, kasunyatane, yen loro unsur iki, nalika loro minangka unsur kontainer, apa wae nanging umum. Ana alesan tartamtu kanggo nggunakake elemen SECTION lan unsur DIV - lan artikel iki bakal nerangake beda-beda.
Bagian lan Div
Unsur SECTION ditemtokake minangka bagean semantik saka kaca web utawa situs sing ora tipe liyane tartamtu (kayata artikel utawa aside). Aku cenderung nggunakake unsur iki nalika aku ngarangake bagean khusus saka kaca - bagean sing bisa digoleki dipindhah lan digunakake ing kaca utawa bagiyan situs liyane. Iku potret sing béda-béda, utawa "bagean" isi, yen sampeyan bakal.
Contone, sampeyan nggunakake unsur DIV kanggo bagean saka kaca sing pengin dibagi, nanging kanggo tujuan liyane saka semantik . Aku bakal mbungkus bagean isi ing divisi yen aku nindakake supaya murni kanggo menehi aku "pancing" kanggo nggunakake karo CSS. Bisa uga ora ana bagean sing béda saka isi adhedhasar semantik, nanging soko aku ndikake kanggo entuk tata letak sing aku pengin kanggo kaca.
Iku & # 39; s Kabeh Prakawis Semantics
Iki minangka konsep sing angel kanggo mangerteni, nanging mung beda antarane unsur DIV lan elemen SECTION iku semantik. Ing tembung liyane, tegese bagean saka kode sing dipisahake.
Sembarang isi sing ana ing sajroning unsur DIV ora duwe makna sing wujud. Paling apik digunakake kanggo perkara kaya:
- Gaya CSS lan kait kanggo gaya CSS
- Layout kontainer
- Kait JavaScript
- Divisi kanggo HTML supaya luwih gampang diwaca
Unsur DIV sing digunakake minangka elemen mung kanggo nambah kait kanggo nggawe dokumen lan nggawe kolom lan tata letak sing apik. Amarga saka kuwi, kita bisa nganggo HTML sing diemban karo unsur DIV-apa sing bisa diarani perancang web "divitis." Malah ana WYSIWYG editors sing nggunakake unsur DIV sacara eksklusif. Aku wis bener mbukak HTML sing nggunakake unsur DIV tinimbang kanggo paragraf!
Kanthi HTML5, kita bisa miwiti nggunakake bagean-bagean bagean kanggo nggawe dokumen liyane deskriptif liyane (nggunakake kanggo navigasi lan tokoh deskriptif lan ing) lan uga netepake gaya ing unsur-unsur.
Apa Prakawis Unsur SPAN?
Unsur liyane sing diarani wong akeh nalika mikir babagan unsur DIV yaiku elemen. Unsur iki, kaya DIV, ora minangka unsur semantik. Iku unsur inline sing bisa digunakake kanggo nambah pancingan kanggo gaya lan skrip ing sekitar pamblokiran isi (biasane teks). Ing pangertèn iki pancen kaya unsur DIV, mung online tinimbang unsur blok . Ing sawetara cara, bisa luwih gampang mikirake DIV minangka unsur SPAN tingkat blok lan nggunakake kanthi cara sing padha bakal SPAN mung kanggo kabeh pamblokiran isi HTML.
Ora ana elemen bagean inline sebanding ing HTML5.
Kanggo Versi Lanjut Internet Explorer
Sanajan sampeyan ndhukung versi IE sing luwih lawas (kaya IE 8 lan ngisor) sing ora bisa dipercaya ngenali HTML5, sampeyan ora bakal wedi nggunakake tag HTML sing bener. Semantik bakal mbantu sampeyan lan tim sampeyan ngatur halaman ing mangsa ngarep (amarga sampeyan bakal ngerti manawa bagean kasebut minangka artikel yen dikepung elemen ARTICLE). Plus, browser sing ngakoni tag sing bakal ndhukung luwih apik.
Sampeyan isih bisa nggunakake unsur-unsur bagean semantic HTML5 karo Internet Explorer, sampeyan mung perlu nambah skrip lan mbok menawa sawetara elemen DIV sing padha supaya bisa ngenali tags minangka HTML.
Nggunakake DIV lan SECTION Elements
Yen sampeyan nggunakake sing bener, sampeyan bisa nggunakake unsur DIV lan SECTION bebarengan ing dokumen HTML5 sing sah. Kaya sing wis katon ing artikel iki, sampeyan nggunakake elemen SECTION kanggo netepake bagian-bagian sing disusun kanthi semantik, lan sampeyan nggunakake unsur DIV minangka kait kanggo CSS lan JavaScript sarta tata letak sing ora nduweni makna semantik.
Artikel asli dening Jennifer Krynin. Diedit dening Jeremy Girard ing 3/15/17