আসুন জানি, HTML5 কি? (ফ্রী বাংলা টিউটোরিয়াল)

আসসালামুআলাইকুম, আশা করি সবাই ভালো আছেন। আজকে আমরা একটি নতুন বিষয়টি নিয়ে আলোচনা করবো, আর সেটি হলো HTML5। এইচটিএমএলের নতুন সংস্করণ এইচটিএমএল৫। HTML 4.01 এর পূর্ববর্তী সংস্করণ 1999 সালে প্রকাশিত হয়েছিল। তারপর থেকে অনেক পরিবর্তন হয়েছে। HTML5 এর কাজ এখনও চলছে। কিন্তু অনেক ট্যাগ বিভিন্ন ব্রাউজারে এখন কাজ করে।

HTML5 কিভাবে কাজ শুরু করেছে?

HTML5 এর ওয়ার্ল্ড ওয়াইড ওয়েব সাথে (W3C) এবং ওয়েব হাইপারটেক্সট অ্যাপ্লিকেশন প্রযুক্তি ওয়ার্কিং গ্রুপ (WHATWG) মধ্যে সহযোগিতা করে তৈরির কাজ চলছে। WHATWG ওয়েব ফর্ম এবং অ্যাপ্লিকেশন তৈরির কাজ করছে এবং W3C এক্সএইচটিএমএল 2.0 নিয়ে কাজ করছিল। 2006 সালে তারা HTML-এর একটি নতুন সংস্করণ তৈরি করার সিদ্ধান্ত নিয়েছে।
HTML5 এর জন্য কিছু নিয়ম প্রতিষ্ঠিত হয়:
  • নতুন বৈশিষ্ট্য সমূহ এইচটিএমএল, সিএসএস, DOM এবং জাভাস্ক্রিপ্ট উপর ভিত্তি করে তৈরি করা উচিত
  • আলাদা প্লাগিনের ব্যবহার কমানোর কথা বলা হয়েছে (যেমন: ফ্ল্যাশ)
  • উন্নত ত্রুটি পরিচালনার ব্যবস্থা
  • আরও একাধিক স্ক্রিপ্টিং প্রতিস্থাপন করার সুবিধা যুক্ত করা
  • HTML5 এর স্বাধীন ডিভাইস হতে হবে
  • উন্নয়ন প্রক্রিয়ায় জনগণের কাছে দৃশ্যমান হবে

HTML5 এর - নতুন বৈশিষ্ট্য

  • 2D আঁকার জন্য <canvas> উপাদান
  • মিডিয়া প্লেব্যাক জন্য <video> এবং <audio> উপাদান
  • স্থানীয় সংগ্রহস্থলের জন্য সমর্থন
  • নতুন নির্দিষ্ট বিষয়বস্তুর উপাদান যেমন: <article>, <footer>, <header>, <nav>, <section>
  • নতুন ফর্ম নিয়ন্ত্রণ। যেমন ক্যালেন্ডার, তারিখ, সময়, ইমেইল, URL, অনুসন্ধান ইত্যাদি

HTML5 এর জন্য ব্রাউজার সাপোর্ট

HTML5 এখনও অফিসিয়ালি প্রকাশ করা হয় নি এবং কোন ব্রাউজার HTML5 এর পূর্ণ সমর্থন আছে নেই। কিন্তু প্রতিনিয়ত ব্রাউজার গুলো নতুন নতুন উপাদানগুলো যুক্ত করছে।

এইচটিএমএল 4.01 মধ্যে কিছু উপাদান কখনও ব্যবহৃত হয় না অথবা কম ব্যবহৃত হয়। এই উপাদান সরিয়ে HTML5-এ পুনরায় তৈরির কাজ চলছে। পূর্ণরূপে ইন্টারনেটের স্বাদ দেওয়ার লক্ষে HTML5 এর থেকে ভাল গঠন, ভাল ফর্ম হ্যান্ডলিং, অঙ্কন, এবং মিডিয়া বিষয়বস্তুর জন্য নতুন উপাদান অন্তর্ভুক্ত করা হয়েছে।

নতুন উপাদানসমূহ:

ট্যাগবর্ণনা
<article>নিবন্ধ সংজ্ঞায়িত করার জন্য ব্যবহৃত হয়
<aside>সাধারণত সাইডবারের জন্য ব্যবহৃত হয়
<bdi>একটি ভিন্ন দিক ফরম্যাটে লেখা প্রকাশের জন্য ব্যবহৃত হয়
<command>কমান্ড বাটন সংজ্ঞায়িত করার জন্য ব্যবহৃত হয়
<details>অতিরিক্ত বিশদ ব্যাখ্যা ব্যবহারকারীর প্রদর্শন অথবা আড়াল করতে ব্যবহৃত হয়
<dialog>ডায়লগ বক্স অথবা উইন্ডোতে সংজ্ঞায়িত করার জন্য ব্যবহৃত হয়
<summary><details> উপাদানের সারমর্ম প্রদর্শনের জন্য ব্যবহৃত হয়
<figure>চিত্রাঙ্কনের, ডায়াগ্রামে, ছবি, কোড তালিকা ইত্যাদির স্বয়ংসম্পূর্ণ বিষয়বস্তু নির্ধারণ করা হয়
<figcaption><figure> উপাদান জন্য ক্যাপশন ব্যবহৃত হয়
<footer>একটি বিভাগের জন্য পাদচরণ সংজ্ঞায়িত করার জন্য ব্যবহৃত হয়
<header>একটি বিভাগের জন্য হেডার সংজ্ঞায়িত করার জন্য ব্যবহৃত হয়
<hgroup>যখন একাধিক মাত্রার শিরোনাম থাকে, তখন <h1> থেকে <h6> উপাদানের সমষ্টিকে বুঝায়
<mark>চিহ্নিত / হাইলাইট টেক্সট সংজ্ঞায়িত করার জন্য ব্যবহৃত হয়
<meter>একটি পরিচিত পরিসীমার মধ্যে স্কেলের পরিমাপ সংজ্ঞায়িত করার জন্য ব্যবহৃত হয়
<nav>নেভিগেশন লিঙ্কগুলি সংজ্ঞায়িত করার জন্য ব্যবহৃত হয়
<progress>একটি টাস্ক অগ্রগতি প্রতিনিধিত্ব করে
<ruby>রুবি টীকা সংজ্ঞায়িত করার জন্য ব্যবহৃত হয়
<rt>অক্ষরের একটি ব্যাখ্যা / উচ্চারণ সংজ্ঞায়িত করার জন্য ব্যবহৃত হয়
<rp>Ruby টীকা সমর্থন করে না তা ব্রাউজারে দেখানোর জন্য ব্যবহৃত হয়
<section>নথিতে একটি অধ্যায় সংজ্ঞায়িত করার জন্য ব্যবহৃত হয়
<time>তারিখ / সময় প্রদর্শনের জন্য ব্যবহৃত হয়
<wbr>লাইন বিরতির জন্য ব্যবহৃত হয়
<audio>শব্দ যুক্ত করার জন্য ব্যবহৃত হয়
<video>ভিডিও যুক্ত করার জন্য ব্যবহৃত হয়
<source><video> এবং <audio> জন্য একাধিক মিডিয়া রিসোর্স যুক্ত করার জন্য ব্যবহৃত হয়
<embed>একটি বহিরাগত অ্যাপ্লিকেশন অথবা ইন্টারেক্টিভ বিষয়বস্তুর জন্য একটি ধারক
<track><video> এবং <audio> এর জন্য টেক্সট গানগুলি সংজ্ঞায়িত করার জন্য ব্যবহৃত হয়
<canvas>গ্রাফিক্স আঁকতে ব্যবহৃত হয়
<datalist>ইনপুট নিয়ন্ত্রণ জন্য পূর্ব নির্ধারিত অপশনের একটি তালিকা নির্দিষ্ট করে
<keygen>key-জুটি জেনারেটরের জন্য ব্যবহৃত হয়
<output>হিসাবের ফলাফল ব্যাখ্যা করার জন্য ব্যবহৃত হয়

এছাড়াও আরও অনেক ট্যাগ প্রতিনিয়ত যুক্ত হচ্ছে। আবার পাশাপাশি কিছু ট্যাগ বাদও পড়েছে। যেমন:

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

ফ্রী বাংলা টিউটোরিয়াল

HTML5 এর নতুন নতুন সুবিধা সমূহ জানতে দেখতে পারেন, নয় পর্বের HTML5 বাংলা ভিডিও টিউটোরিয়াল শুধু মাত্র আপনারই জন্য!

Level 0

আমি Atique। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 12 বছর 6 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 24 টি টিউন ও 83 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 1 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।


টিউনস


আরও টিউনস


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


টিউমেন্টস

ধন্যবাদ ধন্যবাদ ধন্যবাদ ধন্যবাদ ধন্যবাদ ধন্যবাদ ধন্যবাদ ধন্যবাদ ধন্যবাদ ধন্যবাদ ধন্যবাদ ধন্যবাদ ধন্যবাদ ধন্যবাদ ।