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
Post a Comment