Ukuqonda i-HTML5 SECTION Element
Uma i-HTML5 iqhuma endaweni yesehlakalo eminyakeni eminingi edlule, yengeze isigaba sezinto ezintsha zokuhlukanisa ku-langauge, kufaka phakathi isigaba se-SECTION. Iningi lezici ezintsha ezishaywa i-HTML5 zinokusetshenziswa okucacile. Isibonelo, isici sisetshenziselwa ukuchaza izihloko kanye nezingxenye eziyinhloko zekhasi lewebhu, isici sisetshenziselwa ukuchaza okuqukethwe okuhlobene okungabalulekile kulo lonke leli phepha, futhi isihloko, i-nav, ne-footer zihle kakhulu. Isandiso esisha se-SECTION, nokho, kancane kancane kucacile.
Abantu abaningi bakholelwa ukuthi izakhi ze-HTML ISIGABA futhi ziyizinto nje ezifanayo-izakhi zomuthi ezijwayelekile ezisetshenziselwa ukuqukatha okuqukethwe ekhasini lewebhu. Kodwa-ke, okuyiqiniso ukuthi lezi zakhi ezimbili, kuyilapho zombili iziqukathi zetayitela, akuyona into ejwayelekile. Kunezizathu ezicacile zokusebenzisa kokubili isigaba se-SECTION kanye nesici se-DIV - futhi lesi sihloko sizochaza lokho okungafani.
Izigaba nama-Divs
Isici seSIGABA sichazwa njengesigaba semantic sekhasi lewebhu noma isayithi okungelona uhlobo oluthile oluthile (njengendaba noma eceleni). Ngivame ukusebenzisa leli sici uma ngimaka ingxenye ehlukile yekhasi - isigaba esingahambisa futhi sisetshenziswe kwamanye amakhasi noma izingxenye zesayithi. Kuyinto ingqikithi yokuqukethwe, noma "isigaba" sokuqukethwe, uma uthanda.
Ngokuphambene, usebenzisa isici se-DIV sezingxenye zekhasi ofuna ukuhlukanisa, kodwa ngezinhloso ngaphandle kwe-semantics . Ngizofaka ingqikithi yendawo yokuqukethwe umahluko uma ngenza kanjalo nje ukuzitholela "hook" yokusebenzisa ne-CSS. Kungenzeka kungabi yingxenye ehlukile yokuqukethwe esekelwe kuma-semantics, kodwa into engimemezelayo ukuze ngifeze isakhiwo engiyifunayo ekhasini lami.
I & # 39; s Yonke Mayelana Ne-Semantics
Lokhu kuwumqondo onzima ukuqonda, kodwa umehluko kuphela phakathi kwesici se-DIV nesici se-SECTION yi-semantics. Ngamanye amazwi, kusho incazelo yesigaba sekhodi ohlukanisayo.
Noma yikuphi okuqukethwe okuqukethwe ngaphakathi kwento ye-DIV ayinayo incazelo engokwemvelo. Kungcono kakhulu ukusetshenziswa izinto ezifana:
- Izitayela ze-CSS nezingwegwe zezitayela ze-CSS
- Iziqukathi zokuhlela
- Ama-hooks weJavaScript
- Izigaba ze-HTML ukwenza kube lula ukufunda
Isici se-DIV esisetshenziselwa ukuba yilona kuphela isici esinazo ngokufaka izingwegwe kwisitayela imibhalo yethu futhi sakha amakholomu nezindawo ezifingqiwe. Ngenxa yalokhu, siphelile nge-HTML eyayigcwele izakhi ze-DIV-ukuthi yini abaklami bewebhu abangabiza ngokuthi "divit." Kukhona ngisho nabahleli be-WYSIWYG abasebenzisa i-DIV element kuphela. Ngempela ngisebenzise i-HTML esebenzisa isici se-DIV esikhundleni sezingxenye!
Nge-HTML5, singaqala ukusebenzisa izakhi zokwehlukanisa ukudala amadokhumende achaza ngokwengeziwe (usebenzisa ukuhamba kanye nezibalo ezichazayo nokunye) futhi uchaze izitayela kulawo macebo.
Kuthiwani Nge-SPAN Element?
Esinye isici abantu abaningi abacabanga ngaso lapho bacabanga nge-DIV element kuyinto element. Lesi sici, njenge-DIV, asiyona into ye-semantic. Kuyinto isici inline ongayisebenzisa ukwengeza izingwegwe izitayela kanye nezikripthi ezungeze amabhlogo inline kokuqukethwe (ngokuvamile umbhalo). Ngalolo mqondo kufana ncamashi nesici se-DIV, kuphela okuhambisanayo kunokuba kube yinto ebalulekile . Ngandlela-thile, kungase kube lula ukucabanga nge-DIV njengesici se-SPAN se-block futhi uyisebenzise ngendlela efanayo ongayenza ngayo yonke into yokuvimba kwe-HTML.
Ayikho into ehlukanisa ngokulinganayo e-HTML5.
Ngezinguqulo ezidala ze-Internet Explorer
Ngisho noma usukela izinguqulo ezindala ze-IE (njenge-IE 8 nangaphansi) ezingathembeki ku-HTML5, akufanele ukwesabe ukusebenzisa amathegi e-HTML asemthethweni. I-semantics izokusiza wena neqembu lakho ukuphatha leli khasi esikhathini esizayo (ngoba uzokwazi ukuthi leyo ngxenye iyisihloko uma igoqelwe isici se-ARTICLE). Ngaphezu kwalokho, iziphequluli eziqaphela lawo mataki zizobasekela kangcono.
Usengasebenzisa izakhi ze-HTML5 ze-seantic zokwehlukanisa nge-Internet Explorer, udinga nje ukwengeza iskripthi futhi mhlawumbe ezinye izinto ezizungezile ze-DIV ukuze zikwazi ukubona amathegi njenge-HTML.
Ukusebenzisa i-DIV ne-SECTION Elements
Uma usebenzisa kahle, ungasebenzisa kokubili izakhi ze-DIV ne-SECTION ndawonye kumqulu we-HTML5 ovumelekile. Njengoba ubonile lapha kulesi sihloko, usebenzisa isigaba se-SECTION ukuchaza izingxenye ezithile zezinto eziqukethwe ngokwemvelo, futhi usebenzisa isici se-DIV njengezingwegwe ze-CSS ne-JavaScript kanye nokuchaza isakhiwo esingenayo incazelo yesimiso.
Isihloko sokuqala sikaJennifer Krynin. Ihlelwe nguJeremy Girard ngomhlaka 3/15/17