<!DOCTYPE html> হল একটি HTML ডকুমেন্টের একেবারে প্রথম লাইন। এটি ব্রাউজারকে quirks mode এর পরিবর্তে standards mode এ রেন্ডার করার জন্য বলে (একটি পুরানো বাগ-সামঞ্জস্যপূর্ণ মোড যা 1990 এর দশকের ব্রাউজারগুলি অনুকরণ করে)।
...
<!DOCTYPE html> হল একটি HTML ডকুমেন্টের একেবারে প্রথম লাইন। এটি ব্রাউজারকে quirks mode এর পরিবর্তে standards mode এ রেন্ডার করার জন্য বলে (একটি পুরানো বাগ-সামঞ্জস্যপূর্ণ মোড যা 1990 এর দশকের ব্রাউজারগুলি অনুকরণ করে)।
...
ডক্টাইপ ছাড়াই, ব্রাউজারগুলি quirks mode এ ফিরে যায়, যা লেআউট আচরণ আশ্চর্যজনক উপায়ে পরিবর্তন করে — সবচেয়ে বিখ্যাত হল box model:
Quirks mode: width includes padding + border (old IE box model)
Standards mode: width is the content box (CSS spec) — predictable
অন্যান্য quirks এ টেবিল সেলে line-height এর বিভিন্ন হ্যান্ডলিং, ইমেজ স্পেসিং এবং CSS ইউনিট অন্তর্ভুক্ত। এই অসামঞ্জস্যতাগুলি আপনার সযত্নে লেখা CSS কে ভিন্নভাবে রেন্ডার করায়, তাই আপনি সর্বদা standards mode চান।
HTML4/XHTML এ doctype ছিল একটি দীর্ঘ URL যা DTD (Document Type Definition) রেফার করত:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "...dtd">
HTML5 এটি শুধুমাত্র <!DOCTYPE html> এ সরল করেছে — এটি আর একটি DTD এর দিকে নির্দেশ করে না; এটি খাঁটি একটি মোড সুইচ যা ব্রাউজার চেনে।
সর্বদা প্রথম লাইন হিসাবে <!DOCTYPE html> অন্তর্ভুক্ত করুন।
এটি একটি একক-লাইন নিশ্চয়তা যে আপনার পৃষ্ঠা আধুনিক, সামঞ্জস্যপূর্ণ রেন্ডারিং নিয়ম ব্যবহার করে যা প্রতিটি CSS টিউটোরিয়াল এবং ফ্রেমওয়ার্ক অনুমান করে — এটি বাদ দেওয়া বিভ্রান্তিকর, ডিবাগ করা কঠিন লেআউট পার্থক্য এর দিকে পরিচালিত করে।