ওয়েবসাইট সাইন্স [পর্ব-৭] :: Html 5 কি জিনিষ ? আসেন জানি

ওয়েবসাইট সাইন্স

কেমন আছেন সবাই ?

ওয়েবসাইট সাইন্স

অনেক ক্ষন ভাবলাম কি নিয়ে টিউন করা যায়, পরে চোখ গেলো আমার নোট প্যাডের দিকে, হুম্মম পাইছি, আজ লিখবো Html 5 নিয়ে।

Html 5 কি জিনিষ বুঝতে হলে আগে আপনাকে Html কি তা জানতে হবে। সংক্ষেপে বললে এটি একটা ওয়েব বেসড প্রগামিং ল্যাঙ্গুয়েজ বা ভাষা যা দিয়ে ওয়েবপেইজ বানানো যায়, আরো বললে "বানাতে হয়' । কেননা আমি php দিয়ে অনেক ডায়নামিক কিছু করলেও ডিজাইনের কাজ গুলো Html দিয়েই করি। অন্যরা কে কিভাবে করেন আমার জানা নাই।

Html এর পুর্ন রুপ টাও জেনে রাখেন Hypertext Markup Language । এর সাথে ৫ লাগিয়ে দিলেই Html 5 এর পুর্ন রুপ জেনে গেলেন।

এখন টপিকে ফেরত যাই।

Html 5 হলো Html এর সর্বশেষ ভার্শন। নতুন , ফাস্ট আর বেশ সহজ। নরমাল html এর মত এটিও তিন টি অংশ নিয়ে কাজ করে।

১। Html কোডস

২। Css

৩। জাভা স্ক্রিপ্টস

এটা তৈরী করা হয়েছে এমন ভাবে যাতে আপনি এ দিয়ে ভিজিটর এর ব্রাউজারে এমন অনেক কিছুই দেখাতে পারবেন, যা আগে সম্ভব ছিলো না। কন্টেন্ট গুলো দেখাতে বা দেখতে কোন রকম প্লাগিনের দরকার হবে না। আর আপনাকে চিন্তা করতে হবে না ভিজিটর কি ডিভাইস দিয়ে দেখতেছে , ডেক্সটপ, স্মার্টফোন বা ট্যাবলেট। আপনি Html 5 দিয়ে অনলাইন এ্যাপলিকেশন, ভিডিও, মুভি যা ইচ্ছা তাই দেখাতে পারবেন ভিজিটর কে, এজন্য তার কোন স্পেসাল ডিভাইস বা সফটওয়্যার এর দরকার ই হবে না। বর্তমানে অনেক বড় প্রতিষ্ঠান এটি ব্যাবহার করতেছে, মাইক্রসফট এর SKyDrive কিন্তু Html 5 দিয়ে বানানো।

প্রায় সবাই ই ফ্ল্যাস চেনেন, কি বলেন ? Html 5 কিন্তু এর প্রয়োজন শেষ করে দেবে, কেননা Html 5 দিয়ে খুব সিম্পল ভাবেই ওয়েবপেইজে কিছু দেখানো সম্ভব, এমন কি একটা ভিডিও ও !!!!!!!!

উদাহারনে যাই।

ওয়েব পেইজে <canvas> ট্যাগ ব্যাবহার করে গ্রাফিক ডিজাইনের কাজ অনেক সহজেই করতে পারবেন জাভাস্ক্রিপ্ট দিয়ে। ফ্ল্যাস এর মত বিরক্তিকর কিছু থেকে রেহাই পাওয়া যাবে অবশেষে ।

html 5 এ থাকতেছে <audio> <video> এর মত ট্যাগ, কাজ কি বুঝছেন তো ? চিট শীট টা দেখেন, তাহলে বুঝবেন খানিক টা।

http://568397435.r.lightningbase-cdn.com/wp-content/uploads/2014/02/html5-cheat-sheet.png

অনেক সুবধা দিলেও এরা বেশ কিছু পুরাতন জিনিষ একেবারেই সরিয়ে দিয়েছে ভাষা টা থেকে। যেমন আমরা পুরনো রা কিছু ট্যাগ ব্যাবহার করতাম

  • <acronym>
  • <applet>
  • <basefont>
  • <big>
  • <center>
  • <dir>
  • <font>
  • <frame>
  • <frameset>
  • <noframes>
  • <strike>
  • <tt>

এগুলো আর ব্যাবহার করা যাবে না। আমার মতে এগুলোর আর কোন দরকার ই নাই।

অনেক সুবিধা বললাম। এবার আসেন সমস্যা গুলার দিকে তাকাই।

১ । এটা অবশ্য একটু কেমন জানি শোনায়, তবে জেনে রাখা ভালো অনেক পুরনো ব্রাউজার কিন্তু সাপোর্ট করবে না । আমার মনে হয় না এখন ওসব কেউ ব্যাবহার করেন।২০০৯ এর পরের কিছু হলে সমস্যা নাই।

২। অনেক ক্ষেত্রেই এর মিল নাই সাধারন Html এর সাথে। সো আপনাকে শুরু করলে এক অর্থে শুরু থেকেই শিখতে হবে ল্যাঙ্গুয়েজ টা।

৩। নন কেস সেন্সিটিভ। মানে বুঝছেন ? এর মানে এর কাছে বড় হাতের আর ছোট হাতের কোন পার্থ্যক্য নাই। <!doctype html> আর <!DOCTYPE html> একি কথা। এখন সমস্যা মনে না হলেও অন্য কিছুর সাথে ব্যাবহার করতে গেলে প্রবলেম করতে পারে ।

আরো বেশ কিছু সীমাবদ্ধতা আছে। আরেক দিন লিখবো।  আপনারা কেউ লাইভ মজা দেখতে চাইলে http://www.youtube.com/html5 থেকে ঘুরে আসতে পারেন ।

লেখা টা এর আগে আমার ব্লগ ফাজলামী ডট কম এ প্রকাশিত,

ফেসবুকে হেল্প করতে পারবো লাইভ।

Level 2

আমি শিমুল শাহরিয়ার। Founder, WebSea Internet Solutions, Dhaka। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 12 বছর 7 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 90 টি টিউন ও 497 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 2 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

ব্র্যান্ড কনসাল্টেন্ট, ফুলস্ট্যাক ডেভেলপার/ডিজাইনার। আমাকে পাওয়া যাবে @ https://ShimulShahriar.com


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

Level 2

ধন্যবাদ আমি HTNL5 গেম নিয়ে রেগুলার কাজ করি।

    @G2: ওয়াও, দেখাবেন ভাইয়া ?

      Level 2

      @শাহরিয়ার শিমুল:

      ভাই এখানে দেখানো কি সম্ভব ।তাছাড়া আজকাল প্রায় সব ধরনের গেম ইঞ্জিন ই HTML5 Export সাপোর্ট করে । একটু সার্চ দেন না Google এ HTML5 Game maker লিখে

ভালো লাগল