Skip to main content

HTML vs. HTML5: Menene Bambanci?

  HTML vs. HTML5: Menene Bambanci? Labarin Hassan Mai Sha'awar Web Design Hassan matashi ne mai burin zama kwararren web designer. Ya koyi HTML daga wani tsohon littafi kuma yana amfani da shi wajen gina shafukan yanar gizo. Amma wata rana, bayan ya kammala gina wani shafi, sai ya bukaci yin bidiyo a ciki, amma bai yi aiki ba. Ya yi ta gwadawa, amma babu nasara. Bayan ya nemi taimako daga wani kwararre, sai aka ce masa: "Kai har yanzu kana amfani da tsohuwar HTML? Ka koma HTML5!" Wannan ya rikita shi sosai. Menene HTML5 kuma menene bambancin sa da HTML na da? A cikin wannan labari, za mu binciko bambance-bambancen HTML da HTML5 domin mu fahimci dalilin da yasa ake amfani da HTML5 a yau. Menene HTML da HTML5? HTML (HyperText Markup Language) shine harshen da ake amfani da shi don gina shafukan yanar gizo. Ana amfani da shi wajen tsara abubuwan da za su bayyana akan shafi kamar rubutu, hotuna, link da sauransu. HTML5 sabon sigar HTML ne wanda ya inganta tare da sabb...

HTML vs. HTML5: Menene Bambanci?

 HTML vs. HTML5: Menene Bambanci?

Labarin Hassan Mai Sha'awar Web Design

Hassan matashi ne mai burin zama kwararren web designer. Ya koyi HTML daga wani tsohon littafi kuma yana amfani da shi wajen gina shafukan yanar gizo. Amma wata rana, bayan ya kammala gina wani shafi, sai ya bukaci yin bidiyo a ciki, amma bai yi aiki ba. Ya yi ta gwadawa, amma babu nasara. Bayan ya nemi taimako daga wani kwararre, sai aka ce masa: "Kai har yanzu kana amfani da tsohuwar HTML? Ka koma HTML5!" Wannan ya rikita shi sosai. Menene HTML5 kuma menene bambancin sa da HTML na da?

A cikin wannan labari, za mu binciko bambance-bambancen HTML da HTML5 domin mu fahimci dalilin da yasa ake amfani da HTML5 a yau.

Menene HTML da HTML5?

HTML (HyperText Markup Language) shine harshen da ake amfani da shi don gina shafukan yanar gizo. Ana amfani da shi wajen tsara abubuwan da za su bayyana akan shafi kamar rubutu, hotuna, link da sauransu.

HTML5 sabon sigar HTML ne wanda ya inganta tare da sabbin abubuwa da fasali da suka fi na tsohuwar HTML.

Yanzu bari mu kalli bambance-bambancen su a fili.

1. Fasali da inaganci tsakanin HTML da HTML5

A baya, HTML ba ta da ikon sarrafa abubuwa kamar bidiyo, sauti, da wasanni kai tsaye sai an yi amfani da wasu karin fasahohi kamar Flash ko Silverlight. Amma HTML5 ya kawo sauyi da sababbin tags kamar:

  • <video> domin saka bidiyo kai tsaye ba tare da amfani da Flash ba.
  • <audio> domin kunna sautuka cikin sauki.
  • <canvas> domin zana abubuwa na hoto da graphics akan shafin yanar gizo ba tare da amfani da plugins ba.

Misali:

<video controls>
  <source src="bidiyona.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

A HTML na da, ba zai yiwu a saka bidiyo haka kawai ba sai an yi amfani da Flash Player ko QuickTime.

2. Bambancin Tsari da Tsabtace Lambar Kida

HTML na da yana amfani da wasu tsoffin hanyoyi kamar <font>, <center>, da <big> don tsara shafi. Amma HTML5 ya kawar da wadannan domin a maye gurbinsu da CSS.

Misali:

A HTML na da:

<center><h1>Maraba</h1></center>

A HTML5:

<h1 style="text-align: center;">Maraba</h1>

Wannan yana rage nauyin shafin kuma yana sa ya fi aiki da kyau.

3. Cikakkun Bayanai da Saurin Gudanarwa


HTML5 yana da ingantaccen tsari wanda ke sa shafuka su fi sauri kuma su yi aiki da kyau akan na'urori daban-daban. Ana amfani da Local Storage da Session Storage domin ajiye bayanai a cikin browser ba tare da buƙatar cookies ba.

Misali, HTML5 na iya bada damar ajiye adireshin mai amfani domin ya dawo daga inda ya tsaya:

localStorage.setItem("username", "Hassan");
alert(localStorage.getItem("username"));

4. Abubuwan da Aka Kawar da Su a HTML5

A HTML5 an kawar da wasu tsoffin tags kamar:

  • <applet>
  • <acronym>
  • <bgsound>
  • <dir>
  • <noframes>

Wannan ya taimaka wajen tsabtace lambar HTML kuma ya sa ta zama mai saukin amfani.

5. Sadaukarwa Ga Na’urori Masu Hannu (Mobile Responsiveness)

HTML5 ya fi dacewa da wayoyi da kwamfyutocin hannu. Saboda haka, shafuka da aka tsara da HTML5 suna aiki da kyau akan na’urori daban-daban.

Misali, tag na <meta viewport> yana bada damar saitin shafin don dacewa da girman allo:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Wannan yana tabbatar da cewa shafin zai dace da kowace na'ura, ko waya ce ko kwamfutar tafi-da-gidanka.

Yadda Ameetech Zai Iya Taimakawa



A cikin Ameetech, muna ba da damar koyon HTML da HTML5 cikin Hausa a tashar mu ta YouTube @Ameetech. Idan kana son koyon yadda ake gina shafukan yanar gizo daga matakin farko, muna da shirye-shiryen koyarwa da jagorori domin taimaka maka.

Kammalawa

Bambancin HTML da HTML5 yana da yawa. HTML5 ya kawo sauki, karfi, da inganci fiye da HTML na da. Ya saukaka yadda ake sarrafa bidiyo da sauti, inganta aikin shafi, da kuma tabbatar da cewa yana aiki da kyau akan na'urori masu hannu.

Idan kana son gina shafukan yanar gizo na zamani, to HTML5 shine mafita. Amma tambayar ita ce, shin ka riga ka fara koyon HTML5, ko kuwa har yanzu kana amfani da tsohuwar HTML?

Comments

Popular posts from this blog

YADDA SHAFIN YANAR GIZO KE KARA BUNKASA KANANAN KASUWA: MUHIMMANCI, FA’IDODI DA YADDA ZA A FARA

YADDA SHAFIN YANAR GIZO KE KARA BUNKASA KANANAN KASUWA: MUHIMMANCI, FA’IDODI DA YADDA ZA A FARA Gabatarwa: Labarin Musa da Matsalar Kasuwancinsa A cikin wata kasuwa a Kano, wani matashi mai suna Musa ya bude shagon siyar da takalma da jakunkuna. Tun farko, ya yi imanin cewa kasuwancinsa zai bunkasa ta hanyar kafa shago a wuri mai cunkoso. Duk da cewa yana sayarwa a kullum, bai samu irin ribar da yake fata ba. Wata rana, sai abokinsa Sani ya tambaye shi, "Musa, shin kana da shafin yanar gizo don kasuwancinka?" Musa ya girgiza kai yana cewa, "A'a, me zan yi da shi? Ai mutane sun fi son zuwa kasuwa kai tsaye." Sani ya yi murmushi sannan ya nuna masa wayarsa. "Ka san cewa mutane suna amfani da intanet don neman kayayyakin da suke so? Misali, idan wani yana Bukavu ko Kaduna, zai iya ganin kayanka a intanet kuma ya saya ba tare da zuwa nan ba. Wannan ne fa'ida ta shafin yanar gizo!" Musa ya duba wayar Sani inda ya nuna masa wani shafin yanar gizo na wani...
  Labarin Kula da Kwamfyuta: Yadda Zaka Tsira Daga Matsalolin Da Suka Shafi Kwamfyuta a Wannan Zamani na Digital A wani ƙauye mai nisa, wani saurayi mai suna Waleed ya sami kwamfyuta ta farko. Ya yi farin ciki da irin wannan baiwar zamani, amma ba da daɗewa ba ya fuskanta matsala: kwamfyutar ta fara yin sanyi sosai, sannan ta ƙara yin hankuri. Waleed bai san abin da ya faru ba, kuma ya kasa gano mafita. Wannan labarin na Waleed ba na shi kaɗai bane; mutane da yawa suna fuskantar irin wannan matsala a kullum. A cikin wannan zamani na digital, kwamfyuta ta zama abin kowa, amma matsalolinta suna sa mutane su yi tunani: Shin na iya kula da kwamfyutata yadda ya kamata? Me zan yi idan ta yi hankuri? Yaushe zan ƙara RAM ko canza processor?   A cikin wannan labari, za mu bincika matsalolin da aka fi tambaya game da kwamfyuta, tare da ƙididdiga da hanyoyin magance su. Za mu kuma yi bayani kan yadda za a kula da kwamfyuta yadda ya kamata, lokacin da ya kamata a yi upgrade, da kuma...