এইচটিএমএল৫ (HTML5) হলো এইচটিএমএল (HTML) এর সর্বশেষ সংস্করণ, যা ওয়েব পেজ তৈরির জন্য ব্যবহৃত হয়। এটি পূর্ববর্তী সংস্করণগুলোর তুলনায় উন্নত এবং আরও কার্যকরী ফিচার প্রদান করে। এইচটিএমএল৫ ওয়েব ডেভেলপমেন্টের ক্ষেত্রে আধুনিক ওয়েব অ্যাপ্লিকেশন তৈরিতে অনেক সুবিধা নিয়ে এসেছে।
সেম্যান্টিক ট্যাগসমূহ যেমন <header>, <footer>, <article>, এবং <section> ওয়েব পেজের কন্টেন্টকে আরও বেশি অর্থবহ এবং সার্চ ইঞ্জিন-বান্ধব করে তোলে।
এইচটিএমএল৫-এ নেটিভ ভিডিও এবং অডিও ট্যাগ রয়েছে, যেমন <video> এবং <audio>, যা প্লাগইন ছাড়াই মাল্টিমিডিয়া কন্টেন্ট প্লে করতে সাহায্য করে।
<canvas> ট্যাগ এবং এসভিজি (SVG: Scalable Vector Graphics) ব্যবহার করে ডাইনামিক গ্রাফিক্স এবং অ্যানিমেশন তৈরি করা যায়।
এইচটিএমএল৫ অ্যাপ্লিকেশন ক্যাশ এবং ওয়েব স্টোরেজের (localStorage এবং sessionStorage) মাধ্যমে ডেটা সংরক্ষণ করে, যা অফলাইনে কাজ করার সুবিধা প্রদান করে।
প্রধান ব্রাউজারগুলো এইচটিএমএল৫ সমর্থন করে, যা ওয়েব ডেভেলপারদের কাজকে সহজ করে তোলে।
<header>: ওয়েবসাইটের হেডার বা উপরের অংশ নির্দেশ করে।<footer>: ফুটার বা নিচের অংশ নির্দেশ করে।<article>: একটি স্বতন্ত্র বিষয়বস্তুর ব্লক নির্দেশ করে।<section>: বিষয়বস্তু বিভাগ করতে ব্যবহৃত হয়।<video>: ভিডিও প্রদর্শনের জন্য।<audio>: অডিও প্লে করার জন্য।<track>: ভিডিও বা অডিওর সাবটাইটেল বা ক্যাপশন যোগ করতে ব্যবহৃত হয়।<canvas>: গ্রাফিক্স এবং অ্যানিমেশন তৈরি করতে ব্যবহৃত হয়।<svg>: ভেক্টর গ্রাফিক্স প্রদর্শনের জন্য।<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML5 উদাহরণ</title>
</head>
<body>
<header>
<h1>এইচটিএমএল৫ পরিচিতি</h1>
</header>
<section>
<article>
<h2>HTML5 এর বৈশিষ্ট্য</h2>
<p>HTML5 সেম্যান্টিক ট্যাগ এবং মাল্টিমিডিয়া সাপোর্ট প্রদান করে।</p>
</article>
</section>
<footer>
<p>© 2024 ওয়েব ডেভেলপমেন্ট টিউটোরিয়াল</p>
</footer>
</body>
</html>
এইচটিএমএল৫ (HTML5) হলো এইচটিএমএল (HTML) এর সর্বশেষ সংস্করণ, যা ওয়েব পেজ তৈরির জন্য ব্যবহৃত হয়। এটি পূর্ববর্তী সংস্করণগুলোর তুলনায় উন্নত এবং আরও কার্যকরী ফিচার প্রদান করে। এইচটিএমএল৫ ওয়েব ডেভেলপমেন্টের ক্ষেত্রে আধুনিক ওয়েব অ্যাপ্লিকেশন তৈরিতে অনেক সুবিধা নিয়ে এসেছে।
সেম্যান্টিক ট্যাগসমূহ যেমন <header>, <footer>, <article>, এবং <section> ওয়েব পেজের কন্টেন্টকে আরও বেশি অর্থবহ এবং সার্চ ইঞ্জিন-বান্ধব করে তোলে।
এইচটিএমএল৫-এ নেটিভ ভিডিও এবং অডিও ট্যাগ রয়েছে, যেমন <video> এবং <audio>, যা প্লাগইন ছাড়াই মাল্টিমিডিয়া কন্টেন্ট প্লে করতে সাহায্য করে।
<canvas> ট্যাগ এবং এসভিজি (SVG: Scalable Vector Graphics) ব্যবহার করে ডাইনামিক গ্রাফিক্স এবং অ্যানিমেশন তৈরি করা যায়।
এইচটিএমএল৫ অ্যাপ্লিকেশন ক্যাশ এবং ওয়েব স্টোরেজের (localStorage এবং sessionStorage) মাধ্যমে ডেটা সংরক্ষণ করে, যা অফলাইনে কাজ করার সুবিধা প্রদান করে।
প্রধান ব্রাউজারগুলো এইচটিএমএল৫ সমর্থন করে, যা ওয়েব ডেভেলপারদের কাজকে সহজ করে তোলে।
<header>: ওয়েবসাইটের হেডার বা উপরের অংশ নির্দেশ করে।<footer>: ফুটার বা নিচের অংশ নির্দেশ করে।<article>: একটি স্বতন্ত্র বিষয়বস্তুর ব্লক নির্দেশ করে।<section>: বিষয়বস্তু বিভাগ করতে ব্যবহৃত হয়।<video>: ভিডিও প্রদর্শনের জন্য।<audio>: অডিও প্লে করার জন্য।<track>: ভিডিও বা অডিওর সাবটাইটেল বা ক্যাপশন যোগ করতে ব্যবহৃত হয়।<canvas>: গ্রাফিক্স এবং অ্যানিমেশন তৈরি করতে ব্যবহৃত হয়।<svg>: ভেক্টর গ্রাফিক্স প্রদর্শনের জন্য।<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML5 উদাহরণ</title>
</head>
<body>
<header>
<h1>এইচটিএমএল৫ পরিচিতি</h1>
</header>
<section>
<article>
<h2>HTML5 এর বৈশিষ্ট্য</h2>
<p>HTML5 সেম্যান্টিক ট্যাগ এবং মাল্টিমিডিয়া সাপোর্ট প্রদান করে।</p>
</article>
</section>
<footer>
<p>© 2024 ওয়েব ডেভেলপমেন্ট টিউটোরিয়াল</p>
</footer>
</body>
</html>
or
আপনি আমাকে যেকোনো প্রশ্ন করতে পারেন, যেমনঃ
Are you sure to start over?
