Nifhmu l-Element TAQSIMA HTML5
Meta l-HTML5 jidħol fix-xena għadd ta 'snin ilu, huwa żied numru kbir ta' elementi ta 'sezzjoni ġodda mal-langauge, inkluż l-element TAQSIMA. Ħafna mill-elementi ġodda li jintroduċu HTML5 għandhom użi ċari. Per eżempju, l-element jintuża biex jiddefinixxi l-artikoli u partijiet prinċipali ta 'paġna web, l-element jintuża biex jiddefinixxi kontenut relatat li mhuwiex kritiku għall-bqija tal-paġna, u header, nav u footer huma pjuttost spjegattivi. L-element TAQSIMA li ġie miżjud ġdid, madankollu, huwa ftit inqas ċar.
Ħafna nies jemmnu li l-elementi HTML SEZZJONI u huma verament l-istess elementi ġeneriċi tal-kontenitur użati biex fihom kontenut fuq paġna web. Ir-realtà, madankollu, hija li dawn iż-żewġ elementi, filwaqt li t-tnejn huma elementi tal-kontejner, huma xejn ħlief ġeneriċi. Hemm raġunijiet speċifiċi biex jintuża kemm l-element TAQSIMA kif ukoll l-element DIV - u dan l-artikolu jispjega dawk id-differenzi.
Taqsimiet u Divs
L-element TAQSIMA huwa definit bħala sezzjoni semantika ta 'paġna jew sit web li mhix tip ieħor aktar speċifiku (bħal oġġett jew apparti). Jiena għandi tendenza li juża dan l-element meta nagħmel immarkar taqsima speċifika tal-paġna - taqsima li tista 'titmexxa bl-ingrossa u tintuża fuq paġni oħra jew partijiet tas-sit. Hija biċċa distinta ta 'kontenut, jew "taqsima" tal-kontenut, jekk trid.
B'kuntrast, tuża l-element DIV għal partijiet tal-paġna li trid taqsam, iżda għal skopijiet oħra barra s- semantika . Inħejjel żona ta 'kontenut f'diviżjoni jekk nagħmel hekk purament biex nagħti l-istess "ganċ" għall-użu ma' CSS. Jista 'ma jkunx sezzjoni distinta ta' kontenut ibbażata fuq is-semantika, iżda hija xi ħaġa li jiena tiddettajt sabiex niksbu t-tqassim li nixtieq għall-paġna tiegħi.
Hija All About Semantics
Dan huwa kunċett diffiċli li wieħed jifhem, iżda l-unika differenza bejn l-element DIV u l-element TAQSIMA hija semantika. Fi kliem ieħor, hija t- tifsira tat-taqsima tal-kodiċi li qed taqsam.
Kwalunkwe kontenut li jinsab fi ħdan element DIV m'għandux tifsira inerenti. L-aħjar tintuża għal affarijiet bħal:
- Stili CSS u ganċijiet għal stili CSS
- Kontenituri ta 'tqassim
- JavaScript hooks
- Id-diviżjonijiet għall-HTML biex jagħmluha aktar faċli biex tinqara
L-element DIV użat biex ikun l-uniku element li kellna biex iżżid snanar għall-istil tad-dokumenti tagħna u toħloq kolonni u disinni fancy. Minħabba dan, aħna spiċċajna b'HTML li kien riddled b'elementi DIV-dak li disinjaturi tal-web jsejħu "divitis". Kien hemm ukoll edituri WYSIWYG li użaw l-element DIV esklussivament. Stajt attwalment imexxu l-HTML li juża l-element DIV minflok il-paragrafi!
Ma 'HTML5, nistgħu nibdew bl-użu ta' elementi ta 'sezzjoni biex jinħolqu aktar dokumenti semantikament deskrittivi (bl-użu għan-navigazzjoni u għal ċifri deskrittivi u oħrajn) u jiddefinixxu wkoll l-istili fuq dawk l-elementi.
Xi Dwar l-Element SPAN?
L-element l-ieħor li ħafna nies jaħsbu meta jaħsbu dwar l-element DIV huwa l-element. Dan l-element, bħal DIV, mhuwiex element semantiku. Huwa element inline li tista 'tuża biex iżżid ganċijiet għal stili u skripts madwar blokki inline ta' kontenut (normalment it-test). F'dak is-sens huwa eżattament bħall-element DIV, biss inline aktar milli element ta ' blokka . F'ċerti modi, jista 'jkun aktar faċli li wieħed jaħseb dwar id-DIV bħala element SPAN ta' blokka u jużaha bl-istess mod li kieku SPAN biss għal blokki sħaħ ta 'kontenut HTML.
M'hemm l-ebda element ta 'sezzjoni inline komparabbli f'HTML5.
Għal Verżjonijiet Older ta 'l-Internet Explorer
Anki jekk qed issostni drammatikament verżjonijiet anzjani ta 'IE (bħal IE 8 u aktar baxxi) li ma jirrikonoxxux b'mod affidabbli HTML5, m'għandekx tibża' tuża tags HTML semantikament korretti. Is-semantika tgħinek u t-tim tiegħek tmexxi l-paġna fil-futur (għaliex taf li dik is-sezzjoni hija l-oġġett jekk tkun imdawra bl-element ARTIKOLU). Barra minn hekk, il-browsers li jirrikonoxxu dawk it-tags se jappoġġjawhom aħjar.
Xorta tista 'tuża elementi ta' taqsim semantiku HTML5 ma 'l-Internet Explorer, għandek bżonn biss li żżid il-kitba u possibbilment ftit elementi DIV li jdawru biex twassalhom biex jirrikonoxxu t-tags bħala HTML.
Użu ta 'l-Elementi DIV u taqsima
Jekk qed tużahom b'mod korrett, tista 'tuża kemm id-DIV kif ukoll l-elementi TAQSIMA flimkien f'dokument HTML5 validu. Kif rajt hawn f'dan l-artikolu, tuża l-element TAQSIMA biex tiddefinixxi porzjonijiet semantikament diskreti tal-kontenut, u tuża l-element DIV bħala ganċijiet għal CSS u JavaScript kif ukoll tiddefinixxi tqassim li m'għandux tifsira semantika.
Artikolu oriġinali minn Jennifer Krynin. Editjat minn Jeremy Girard fit-3/15/17