HTML5 সংক্ষিপ্ত বর্ণনা

প্রত্যেক অধ্যায়ের HTML5 ইনস্ট্যান্স

ইনস্ট্যান্স

<!DOCTYPE html>
<html>
<body>
<video width="420" controls>
  <source src="mov_bbb.mp4" type="video/mp4">
  <source src="mov_bbb.ogg" type="video/ogg">
 আপনার ব্রাউজারটি ভিডিও ট্যাগটি সমর্থন করে না。
</video>
</body>
</html>

আপনার হাতে পরীক্ষা করুন

‘আপনার হাতে পরীক্ষা করুন’ ক্লিক করে এই ইনস্ট্যান্সটি কিভাবে চলে দেখুন。

কি হল HTML5?

HTML5-এর জন্য সর্বশেষ HTML প্রমাণপত্র

HTML5-এর জন্য বিশৃঙ্গীয় ওয়েব কনটেন্ট বহন করার জন্য ডিজাইন করা হয়েছে এবং অতিরিক্ত প্লাগইন প্রয়োজন নেই。

HTML5-এর নতুন সেম্যান্টিক, গ্রাফিক্স এবং মাল্টিমিডিয়া ইলেমেন্টগুলি রয়েছে。

HTML5-এর নতুন ইলেমেন্ট এবং নতুন API ওয়েব অ্যাপ্লিকেশন নির্মাণকে সহজ করে দিয়েছে。

HTML5 মুক্ত প্ল্যাটফর্ম, বিভিন্ন ধরণের হার্ডওয়্যার (পিসি, ট্যাবলেট, মোবাইল, টেলিভিশন ইত্যাদি) উপর চালানোর জন্য ডিজাইন করা হয়েছে。

মন্তব্য:নিচের অধ্যায়ে, আপনি জানবেন কিভাবে পুরনো সংস্করণের ব্রাউজারকে HTML5 পরিচালনা করা যায়。

HTML5-এর নতুন কনটেন্ট কি?

HTML5-এর নতুন ডকুমেন্ট টাইপ (DOCTYPE) ডিক্লেরেশন খুবই সহজ:

<!DOCTYPE html>
নতুন অ্যাকুয়ার্ড ডিক্লেরেশন (charset) খুবই সহজ:
<meta charset="UTF-8">

HTML5 ইনস্ট্যান্স:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ডকুমেন্টের শিরোনাম</title>
</head>
<body>
ডকুমেন্টের কনটেন্ট......
</body>
</html>

মন্তব্য:HTML5-এর ডিফল্ট অ্যাকুয়ার্ড চার্য্য ইউটিএফ-৮।

HTML5 - নতুন অ্যাট্রিবিউট সিন্ট্যাক্সিস

HTML5 কালিগ্রামটি ৪টি ভিন্ন অ্যাট্রিবিউট সিন্ট্যাক্সিসমূহ অনুমতি দেয়।

এই উদাহরণটি <input> ট্যাগের বিভিন্ন গ্রামারের ব্যবহারকে দেখায়:

ধরন একমাত্র উদাহরণ
খালি <input type="text" value="Bill Gates" disabled>
অব্যবহৃত <input type="text" value=Bill Gates>
দ্বৈত চুপচুপ <input type="text" value="Bill Gates">
একক চুপচুপ <input type="text" value='Bill Gates'>

HTML5 স্ট্যান্ডার্ডে, অ্যাট্রিবিউটের প্রয়োজনীয়তা অনুযায়ী, 4টি গ্রামার থেকে কোনও একটি ব্যবহার করা হতে পারে

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

HTML5-এর সর্বদুর্লভ নতুন বৈশিষ্ট্যগুলি:

  • নতুন সেম্যান্টিক এলিমেন্ট, যেমন <header>, <footer>, <article>, এবং <section>
  • নতুন ফর্ম কন্ট্রোল, যেমন সংখ্যা, তারিখ, সময়, ক্যালেন্ডার এবং স্লাইডার
  • শক্তিশালী ছবি সমর্থন (canvas এবং svg দ্বারা)
  • শক্তিশালী মাধ্যমসমর্থন (video এবং audio দ্বারা)
  • দক্ষ নতুন API, যেমন কুকির পরিবর্তে স্থানীয় সংরক্ষণ

HTML5 - বাদ দিয়েছে এলিমেন্ট

এক্সট্রারিয়াল HTML 4.01 এলিমেন্টগুলি HTML5-তে সরানো হয়েছে:

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