এইচটিএমএল <!DOCTYPE> ডিক্লেয়ারেশন
<!DOCTYPE> ট্যাগের ব্রাউজার সাপোর্ট
| এলিমেন্ট | Google Chrome | Edge/IE | Mozila Firefox | Safari | Opera |
|---|---|---|---|---|---|
<!DOCTYPE> |
সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন |
সংজ্ঞা ও ব্যবহার
<html> ট্যাগ লেখার পূর্বে অবশ্যই এইচটিএমএল ডকুমেন্টে <!DOCTYPE> ডিক্লেয়ার করতে হবে।
<!DOCTYPE> এইচটিএমএলের কোনো ট্যাগ নয়। এটি ওয়েব ব্রাউজারের জন্য একটি নির্দেশনা যে এইচটিএমএলের কোন ভার্সনে কোডিংগুলো লেখা হচ্ছে।
এইচটিএমএল(৪.০১) এ <!DOCTYPE> ডিক্লেয়ার দ্বারা DTD কে বুঝায়, কারন এইচটিএমএল(৪.০১) SGML ভিত্তিক। DTD দ্বারা মার্কআপ ল্যাঙ্গুয়েজের নিয়মকে নির্দেশ করে যাতে ব্রাউজার কন্টেন্ট গুলোকে সঠিকভাবে ব্রাউজারে প্রদর্শন করতে পারে।
এইচটিএমএল(৫) SGML ভিত্তিক নয় আর সেজন্যই এইচটিএমএল(৫) এ DTD রেফারেন্সের কোন প্রয়োজন নেই।
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>DOCTYPE ডিক্লেয়ারেশন</title>
</head>
<body>
এইচটিএমএল ডকুমেন্টের কন্টেন্ট ......
</body>
</html>
ফলাফল
পরামর্শঃ আপনার এইচটিএমএল ডকুমেন্টে অবশ্যই <!DOCTYPE> ডিক্লেয়ার করুন যাতে ব্রাউজার বুঝতে পারে আপনি কোন ধরনের ডকুমেন্ট লেখতে চাচ্ছেন।
এইচটিএমএল(৪.০১) এবং এইচটিএমএল(৫) এর মধ্যে পার্থক্য
এইচটিএমএল(৪.০১) এ তিনভাবে <!DOCTYPE> ডিক্লেয়ার করা গেলেও এইচটিএমএল(৫) এ শুধুমাত্র একভাবেই <!DOCTYPE> ডিক্লেয়ার করা যায় এবং সেটি নিম্নরুপঃ
<!DOCTYPE html>এইচটিএমএল এলিমেন্ট এবং Doctype
প্রত্যেকটি এলিমেন্টের জন্য কোন ধরনের ডকুমেন্ট টাইপ রয়েছে তা আমাদের এই টেবিলটিতে দেখুন।
টীকা ও মন্তব্যঃ
<!DOCTYPE>ডিক্লেয়ারেশন কেইসসেন্সিটিভ নয়।<!DOCTYPE>অবশ্যই ডকুমেন্টের শুরুতেই ডিক্লেয়ার করতে হবে।
DOCTYPE ডিক্লেয়ারেশন
এইচটিএমএল(৫)
<!DOCTYPE html>এইচটিএমএল(৪.০১) স্ট্রিক্ট
শুধুমাত্র presentational ও deprecated এলিমেন্টগুলো ছাড়া DTD এর মধ্যে সকল এইচটিএমএল এলিমেন্ট এবং এট্রিবিউট গুলোই অন্তর্ভুক্ত থাকে। কিন্তু এখানে ফ্রেমসেট কন্টেন্টগুলো ব্যবহার করা যাবে না।
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">এইচটিএমএল(৪.০১) ট্রানজিশনাল
Presentational ও deprecated এলিমেন্টগুলোসহ DTD এর মধ্যে সকল এইচটিএমএল এলিমেন্ট এবং এট্রিবিউট গুলোই অন্তর্ভুক্ত থাকে কিন্তু এখানে ফ্রেমসেট কন্টেন্টগুলো ব্যবহার করা যাবে না।
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">এইচটিএমএল(৪.০১) ফ্রেমসেট
এটি এইচটিএমএল(৪.০১) ট্রানজিশনালের মতই কিন্তু ফ্রেমসেট কন্টেন্টগুলো ব্যবহার করা যাবে।
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">এক্সএইচটিএমএল(১.০) স্ট্রিক্ট
শুধুমাত্র presentational ও deprecated এলিমেন্টগুলো ছাড়া DTD এর মধ্যে সকল এইচটিএমএল এলিমেন্ট এবং এট্রিবিউট গুলোই অন্তর্ভুক্ত থাকে। কিন্তু এখানে ফ্রেমসেট কন্টেন্টগুলো ব্যবহার করা যাবে না। এখানে কোডগুলো এক্সএমএলের গঠন অনুসারে লিখতে হবে।
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">এক্সএইচটিএমএল(১.০) ট্রানজিশনাল
Presentational ও deprecated এলিমেন্টগুলোসহ DTD এর মধ্যে সকল এইচটিএমএল এলিমেন্ট এবং এট্রিবিউট গুলোই অন্তর্ভুক্ত থাকে কিন্তু এখানে ফ্রেমসেট কন্টেন্টগুলো ব্যবহার করা যাবে না। এখানে কোডগুলো এক্সএমএলের গঠন অনুসারে লিখতে হবে।
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">এক্সএইচটিএমএল(১.০) ফ্রেমসেট
এই DTD এক্সএইচটিএমএল(১.০) ট্রানজিশনাল এর মতই কিন্তু এখানে ফ্রেমসেট কন্টেন্টগুলো ব্যবহার করা যাবে।
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">এক্সএইচটিএমএল(১.১)
এই DTD এক্সএইচটিএমএল(১.০) স্ট্রিক্ট এর মতই কিন্তু এখানে মডিউল যুক্ত করা যায়।
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">