Fahmitaanka HTML5 Qaybta Qaybinta
Markay HTML5 ku dhacdo goobta dhowr sano ka hor, waxay ku daray farabadan qaybaha cusub ee qaybaha cusub ee langauge, oo ay ku jiraan qaybta SECTION. Inta badan qeybaha cusub ee HTML5 soo bandhigaan waxay leeyihiin adeegyo cad. Tusaale ahaan, element ayaa loo isticmaalaa in lagu qeexo maqaallada iyo qeybaha ugu muhiimsan ee bogga shabakadda, elementa waxaa loo isticmaalaa in lagu qeexo waxyaabaha la xidhiidha oo aan muhiim ahayn inta ka hartay bogga, iyo madax, gawaarida, iyo cagaha ay yihiin kuwo is-sharaxaya. Si kastaba ha noqotee, qaybta cusub ee "SECTION", ee lagu darey, ayaa ah mid xoogaa cad.
Dad badan ayaa aaminsan in HTML-yada EE QAYBTA iyo runtii oo kaliya isku mid ah-walxaha guud ee loo isticmaalo in lagu soo koobo bogga internetka. Xaqiiqadu, si kastaba ha ahaatee, waa labadan arrimood, halka labadaba ay yihiin waxyaallaha wax soo saarka, waa wax aan caadi ahayn. Waxaa jira sababo gaar ah oo loo adeegsan karo qaybta SECTION iyo qaybta DIV - iyo qodobkani wuxuu sharxi doonaa kala duwanaantaas.
Qeybaha iyo Qeybaha
Qeybta SECTION waxaa lagu qeexay qayb ka mid ah bogga internetka ama bogga aan ahayn nooc kale oo gaar ah (sida maqaal ama dhinac). Anigu waxaan u isticmaalayaa arrintan markaan calaamadeynayo qayb ka duwan oo bogga ah - qayb ka mid ah in la iibsado oo loo isticmaalo bogag kale ama qaybo ka mid ah goobta. Waa qayb ka mid ah qaybaha kala duwan, ama qaybta "content", haddii aad rabto.
Taa bedelkeeda, waxaad isticmaashaa walxaha DIV qaybo ka mid ah bogga aad doonayso inaad kala qaybiso, laakiin ujeedo kale oo aan ahayn maaddooyinka 'semantics' . Waxaan isku duubi lahaa qayb ka mid ah content ee qaybta haddii aan si aad ah u sameynayo si aan naftayda u siiyo "jiir" si ay u isticmaasho CSS. Maaha inay noqoto qeyb ka duwan oo ku salaysan maadooyinka, laakiin waa wax aan ku kalsoonahay si aan u gaaro qaabka aan u rabo boggeyga.
Waxyaabaha ku saabsan "All About Semantics"
Tani waa fikrad aad u adag in la fahmo, laakiin farqiga kaliya ee u dhexeeya qaybta DIV iyo qaybta SECTION waa caqli ahaan. Si kale haddii loo dhigo, waa macnaha qaybta koodhka ee aad u qaybinayso.
Wax kasta oo ku jira gudaha gudaha DIV ma laha macne midab leh. Waxaa ugu wanaagsan in loo isticmaalo waxyaabaha sida:
- Noocyada CSS iyo khudrada ee qaababka CSS
- Weelasha laydiga
- Suufiyada Jinsiga
- Qaybaha HTML si ay u sahlanaato akhrinta
Qalabka DIV wuxuu loo isticmaalaa inuu yahay sheyga kaliya ee aan u leenahay in lagu daro qabad si uu uqorto dukumintiyadayada oo aanu u abuurno tiirar iyo qaabab qurxoon. Sababtaas awgeed, waxaan ku dhamaysannay HTML oo la yiraahdo "DIV" -maxaa laga yaabo inay naqshadeeyayaasha webka ku magacawaan "divis." Waxaa jiray xitaa editayaasha WYSIWYG oo isticmaalay qaabka DIV gaar ahaan. Waxaan dhab ahaantii ku shaqeynayey HTML oo dhan oo isticmaala qaybta "DIV" halkii laga heli lahaa cutubyada!
Iyadoo HTML5, waxaan bilaabi karnaa inaanu isticmaalno qaybaha qaybaha si loo abuuro dukumiintooyin sharraxaad leh oo loo siman yahay (oo loo adeegsado nalka iyo sawirada sharaxaadda iyo wixii la mid ah) iyo sidoo kale qeexaan qaababka ku saabsan waxyaabahaas.
Maxaa ku saabsan Qalabka SPAN?
Nooca kale ee dadka badankood ka fekeraan marka ay ka fekeraan habka DIV waa elementka. Eryahani, sida DIV, ma aha qayb muhiim ah. Waa unug khaas ah oo aad u isticmaali karto inaad ku darto dariiqooyinka naqshadaha iyo qoraallada ku xeeran xayndaabyada mawduuca ah (inta badan qoraalka). Taas macnaheedu waxa weeye waxay u egtahay sida "DIV element", oo kaliya khariidad halkii ka mid ah qaybta jajabka . Siyaabo ka duwan, waxaa laga yaabaa inay sahlan tahay inaad ka fekerto DIV sida xayndaabka heerka SPAN-ka oo u adeegso si isku mid ah oo aad SPAN u isticmaali karto oo kaliya dhamaan qaybaha HTML content.
Ma jirto qayb ka mid ah qaybta khaaska ah oo la midka ah ee HTML5.
Wixii Noocyo Dheeraad ah ee Internet Explorer
Xitaa haddii aad taageereyso qaabab aad u weyn oo IE ah (sida IE 8 iyo hoose) oo aan si sax ah u aqoonsan HTML5, waa in aadan ka baqin inaad isticmaasho tags HTML ah. Muujiyeyaashu waxay kaa caawin doonaan adiga iyo kooxdaada bogga mustaqbalka (sababtoo ah waxaad ogaan doontaa in qaybtaas tahay qodobka haddii ay ku hareereysey qaybta ARTICLE). Waxaa intaa dheer, daalacayaasha oo ogaanaya tixahaas ayaa ka caawin doona iyaga si ka wanaagsan.
Weli waad isticmaali kartaa waxyaabo muhiim ah oo ka mid ah qodobada HTML5 oo leh Internet Explorer, waxaad u baahan tahay inaad ku darto qoraalka iyo suurtagal ahaan dhowr waxyaabo oo ku xeeran oo DIV ah si aad u hesho aqoonsiga sida HTML.
Isticmaalidda DIV iyo Qaybaha Qaybaha
Haddii aad si sax ah u isticmaashid, waxaad isticmaali kartaa labada qaybood ee DIV iyo SECTION labadaba dukumeentiga HTML5 oo ansax ah. Sida aad halkan ku aragtay qodobkan, waxaad isticmaashaa qaybta SECTION si aad u qeexdo qaybo kala duwan oo ka mid ah maadada, waxaadna isticmaashaa walxaha DIV sida qaboojiyaha CSS iyo JavaScript iyo sidoo kale qeexidda qaabka aan lahayn macnaha erayga ah.
Maqaalka asalka ah ee Jennifer Krynin. Waxaa daabacay Jeremy Girard on 3/15/17