doctype در HTML

Doctype در HTML چیست؟

doctype در HTML یک دستورالعمل مهم است که در ابتدای هر صفحه HTML قرار می‌گیرد و به مرورگر اطلاع می‌دهد که از کدام نسخه از HTML استفاده شده است. به عبارت دیگر، doctype نقش راهنمایی را برای مرورگر ایفا می‌کند تا بداند چگونه کدهای HTML را تفسیر و نمایش دهد.

چرا doctype مهم است؟

  • حالت رندر مرورگر: بدون doctype، مرورگر وارد حالت «quirks mode» می‌شود که در این حالت، تفسیر کدها به صورت ناقص و ناسازگار با استانداردها انجام می‌شود. این امر باعث می‌شود که ظاهر صفحه در مرورگرهای مختلف متفاوت باشد و مشکلات نمایش ایجاد شود.
  • اعتبارسنجی HTML: ابزارهای اعتبارسنجی HTML برای بررسی صحت کدها به doctype نیاز دارند. با وجود doctype، این ابزارها می‌توانند خطاهای موجود در کدها را بهتر تشخیص دهند.
  • سازگاری با استانداردها: استفاده از doctype صحیح باعث می‌شود که صفحه وب شما با استانداردهای HTML سازگار باشد و در نتیجه، دسترسی‌پذیری و سئو بهتری داشته باشد.

انواع doctype

  • HTML5: رایج‌ترین نوع doctype است و برای صفحات HTML5 استفاده می‌شود.
  • XHTML: برای صفحات XHTML استفاده می‌شود که ترکیبی از HTML و XML است.
  • HTML 4.01 Transitional: برای صفحات HTML 4.01 استفاده می‌شود.
  • HTML 4.01 Strict: برای صفحات HTML 4.01 که از عناصر و ویژگی‌های اضافی استفاده نمی‌کنند، استفاده می‌شود.

مثال

<!DOCTYPE html>
<html>
<head>
  <title>مثال صفحه HTML5</title>
</head>
<body>
  <p>این یک پاراگراف است.</p>
</body>
</html>

در مثال بالا، <!DOCTYPE html> نشان می‌دهد که این صفحه از استاندارد HTML5 استفاده می‌کند.

نکات مهم

  • doctype یک تگ نیست، بلکه یک دستورالعمل است.
  • doctype باید در اولین خط از کدهای HTML قرار گیرد.
  • هر صفحه HTML فقط می‌تواند یک doctype داشته باشد.
  • به بزرگ و کوچک بودن حروف در doctype توجه کنید.

در نهایت، استفاده از doctype صحیح برای هر صفحه HTML بسیار مهم است و باعث می‌شود که صفحه شما به صورت صحیح و سازگار با استانداردها در مرورگرهای مختلف نمایش داده شود.