Understanding `<!DOCTYPE>` in HTML
Learn what the `<!DOCTYPE>` declaration is, why every HTML document starts with it, how browsers use it, and why it is essential for proper HTML rendering.
<!DOCTYPE> HTML
আমরা যদি HTML ডকুমেন্ট সম্পর্কে জানি, তাহলে ডকুমেন্টের একদম শুরুতে <!DOCTYPE> declaration দেখে থাকি। এটি আসলে কেন ব্যবহার করা হয়, বা এর মাধ্যমে কী বোঝানো হয়—চলুন জেনে নেওয়া যাক।
<!DOCTYPE> কী?
<!DOCTYPE> কোনো HTML tag বা element নয়। এটি একটি declaration বা instruction, যা ব্রাউজারকে জানিয়ে দেয় সে কী ধরনের HTML ডকুমেন্ট (Document Type) এক্সপেক্ট করবে।
সব HTML ডকুমেন্ট <!DOCTYPE> declaration দিয়ে শুরু করা হয়। HTML-এর কোন version-এ ডকুমেন্টটি লেখা হয়েছে, তার উপর নির্ভর করে এই declaration পরিবর্তিত হতে পারে।
উদাহরণ
নিচের যেকোনো declaration ব্রাউজার HTML5 doctype হিসেবে বুঝতে পারে:
<!DOCTYPE html>
<!doctype html>
<!Doctype html>
<!DocType html>উপরের চারটি declaration-এর যেকোনো একটি থাকলেই ব্রাউজার বুঝতে পারে এটি একটি HTML5 document। ফলে ব্রাউজার জানে কোন HTML elements বৈধ (valid) এবং কোনগুলো নয়।
উদাহরণস্বরূপ
<a>tag টি HTML5, HTML4, এবং XHTML—সবগুলোতেই valid।<acronym>tag টি HTML4 এবং XHTML-এ valid, কিন্তু HTML5-এ valid নয়।<dialog>tag টি HTML5-এ valid, কিন্তু HTML4 এবং XHTML-এ valid নয়।
HTML5 Doctype
HTML5-এর doctype declaration হলো:
<!DOCTYPE html>HTML-এর আগের version-গুলোর doctype declaration-এর তুলনায় এটি অনেক সহজ এবং মনে রাখা সুবিধাজনক।
Case Sensitivity
<!DOCTYPE> case-sensitive নয়। অর্থাৎ নিচের সবগুলোই বৈধ:
<!DOCTYPE html>
<!doctype html>
<!Doctype html>
<!DocType html>তাই আপনি এটি uppercase, lowercase, অথবা mixed case—যেভাবেই লিখুন না কেন, ব্রাউজার এটিকে HTML doctype declaration হিসেবেই বুঝতে পারবে।