Fahatakarana ny Election HTML5 SECTION
Rehefa manomboka eo amin'ny sehatr'asa ny HTML5 taona maromaro lasa izay, dia nanampy ampahany amin'ny sehatra fizarana vaovao ho an'ny langauge, anisan'izany ny singa SECTION. Ny ankamaroan'ny singa vaovao entin'ny HTML5 dia manana fampiasana mazava. Ohatra, ny singa dia ampiasaina mba hamaritana lahatsoratra sy ampahany amin'ny pejy web, ny singa dia ampiasaina mba hamaritana votoaty mifandray izay tsy manakiana ny ambiny amin'ny pejy, ary ny lohateny, ny laharana ary ny footer dia tena mazava tsara. Ny singa SECION vao nampidirina dia somary mazava ihany.
Maro ny olona mino fa ny singa HTML SEKSY ary tena zavatra mitovy-generic container ny fitaovana entina ao anaty tranonkala iray. Ny zava-misy anefa dia ny hoe ireo singa roa ireo, raha samy singa mifototra amin'ny fitahirizana, dia zavatra hafa fotsiny. Misy antony manokana hampiasana ny singa SECTION sy ny singa DIV - ary ity lahatsoratra ity dia hanazava ireo fahasamihafana ireo.
Sections and Divs
Ny singa SECTION dia voafaritra ho fizarana semantika ao amin'ny tranonkala iray na tranokala izay tsy karazana manokana hafa (toy ny lahatsoratra na an-tanana). Miezaka mampiasa ity singa ity aho rehefa manisy fizarana miavaka amin'ny pejy - sehatra iray izay mety halefa sy hampiasaina amin'ny pejy hafa na ampahany amin'ny tranonkala. Hafatra miavaka, na "fizarana" amin'ny votoaty, raha tianao.
Mifanohitra amin'izany, mampiasa ny singa DIV ianao ho an'ny ampahany amin'ny pejy izay tianao hizarazara, fa ho an'ny tanjona hafa ankoatra ny semantika . Hamaky ny votoatiny amin'ny sehatra iray aho raha manao izany fotsiny aho mba hanome ny "hook" ho ampiasaina amin'ny CSS. Mety tsy ho fizarana amin'ny votoaty mifototra amin'ny semantika izany, fa zavatra iray noeritreretiko mba hahatratrarana ny drafitra tiako ho an'ny pejiko.
It's All About Semantics
Adihevitra sarotra takarina izany, fa ny fahasamihafana misy eo amin'ny singa DIV sy ny singa SECTION dia semantika. Raha lazaina amin'ny teny hafa, dia ny dikan'ny fizarana ny code apetrakao.
Ny votoatin'ny tranonkala DIV dia tsy misy dikany manokana. Ampiasaina tsara amin'ny zavatra toy ny:
- CSS sy style ho an'ny CSS
- Fitahirizana drafitra
- JavaScript hooks
- Fizarana ho an'ny HTML mba ahafahana mamaky mora kokoa
Ny singa DIV dia ny hany fitaovana nampiasainay tamin'ny fanangonana haken mba hanamboarana ny tahirin-tsainay ary hamoronana tsanganana sy faniriana marefo. Noho izany, niafara tamin'ny HTML izahay izay nokorontanina tamin'ny singa DIV-izay mety hiantso ny web designers "divitis." Nisy mihitsy aza ny mpanoratra WYSIWYG izay nampiasa ny singa DIV irery ihany. Tena mandeha amin'ny HTML aho izay mampiasa ny singa DIV fa tsy ny fehintsoratra!
Amin'ny HTML5, afaka manomboka mampiasa ireo singa fisokafana isika mba hamoronana tahirin-kevitra be pitsiny (ampiasaina amin'ny navigation sy ireo tarehimarika hoso-doko sy ny sisa) ary koa mamaritra ny endrik'ireo singa ireo.
Ahoana ny momba ny singa SPAN?
Ny singa hafa izay eritreretin'ny ankamaroan'ny olona rehefa mieritreritra ny singa DIV ny singa. Ity singa ity, tahaka ny DIV, dia tsy singa semantika. Izy io dia singa an-tariby izay azonao ampiasaina hanampiana ireo karazam-barotra ho an'ireo karazan-tsoratra sy soratra ho an'ny votoatin-tsoratra (lahatsoratra matetika). Amin'izany heviny izany dia mitovy amin'ny singa DIV, izay midika fa tsy singa iray fanakanana . Amin'ny lafiny sasany, mety ho mora kokoa ny mieritreritra ny DIV ho toy ny singa SPAN ho an'ny sakana ary mampiasa izany amin'ny fomba mitovy amin'ny SPAN ho an'ny votoatin'ny HTML rehetra.
Tsy misy singa mifandraika amin'ny fizarana ao amin'ny HTML5.
Ho an'ny Older versions of Internet Explorer
Na dia manohana ny dikan-teny maimaim-poana ao amin'ny IE aza ianao (toy ny IE 8 sy ambany) izay tsy mahazatra ny HTML5, dia tsy tokony hatahotra ny mampiasa ny tenifototra HTML ianao. Ny semantika dia hanampy anao sy ny ekipanao hitantana ny pejy amin'ny hoavy (satria ho fantatrao fa ity fizarana ity dia lahatsoratra raha manodidina ny ARTICLE element izy). Plus, ireo navigateur izay manaiky ireo teny ireo dia hanampy azy ireo kokoa.
Azonao ampiasaina foana ny singa fizarana HTML5 amin'ny sehatra Internet Explorer, mila ampidirinao fotsiny ianao ary mety misy karazana DIV misy manodidina anao mba ahafahan'izy ireo mamantatra ireo marika ho HTML.
Mampiasa ny DIV sy SECTION Elements
Raha mampiasa azy ireo araka ny tokony ho izy ianao, dia afaka mampiasa ny singa DIV sy SECTION ao anaty tahadika HTML5. Araka ny hitanao eto amin'ity lahatsoratra ity, mampiasa ny singa SECTION ianao mba hamaritana ny ampahany miavaka amin'ny votoaty, ary ampiasainao ny singa DIV ho toy ny hooks amin'ny CSS sy JavaScript ary koa fametrahana layout izay tsy misy dikany semantika.
Lahatsoratra niavian'i Jennifer Krynin. Edited by Jeremy Girard on 3/15/17