اعلان داکیومنت تایپ (!DOCTYPE html)
اعلان داکیومنت تایپ (<!DOCTYPE html>): راهنمای مرورگر! 🚦
سلام دوستای عزیز! توی فصل قبلی درباره ساختار پایه یه سند HTML صحبت کردیم و به یه خط خاص در ابتدای کدها برخوردیم: <!DOCTYPE html>. شاید براتون سوال شده باشه که این خط چی هست و چرا انقدر مهمه. امروز می‌خوایم این قهرمان گمنام رو معرفی کنیم! 😎
<!DOCTYPE html> به مرورگرها می‌گه که با چه نسخه یا استانداردی از HTML قراره سروکار داشته باشن.
DOCTYPE یعنی چی؟ 🤔
DOCTYPE مخفف “Document Type Declaration” هست، یعنی “اعلان نوع سند”. این اعلامیه به مرورگر کمک می‌کنه بفهمه که باید صفحه رو در حالت “حالت استاندارد” (Standards Mode) یا “حالت سازگاری” (Quirks Mode) رندر کنه.
چرا استفاده از <!DOCTYPE html> مهمه؟ 🔑
استفاده صحیح از DOCTYPE مزایای خیلی زیادی داره:
- رندر استاندارد: وقتی شما <!DOCTYPE html> رو اول فایل HTML خودتون قرار می‌دین، به مرورگر می‌گین که این صفحه رو بر اساس آخرین استانداردهای وب (HTML5) نمایش بده. این باعث می‌شه که صفحه شما توی مرورگرهای مختلف، ظاهر یکسان و درستی داشته باشه.
- جلوگیری از حالت Quirks Mode: اگه DOCTYPE رو نذارین یا اشتباه بنویسین، مرورگرها ممکنه صفحه رو در یه حالت قدیمی‌تر و کمتر قابل پیش‌بینی به اسم “Quirks Mode” نمایش بدن. توی این حالت، ممکنه ظاهر صفحه شما توی مرورگرهای مختلف فرق کنه و کنترل کردنش سخت‌تر بشه.
- پشتیبانی بهتر از ویژگی‌های جدید HTML5: استانداردهای جدید HTML مثل پشتیبانی بهتر از ویدیو، صدا، فرم‌های پیشرفته و…، فقط در حالت استاندارد (زمانی که DOCTYPE درست تعریف شده باشه) به درستی کار می‌کنن.
- سادگی: خوشبختانه، در HTML5، اعلامیه DOCTYPE خیلی ساده شده و فقط کافیه بنویسیم <!DOCTYPE html>. در نسخه‌های قدیمی‌تر HTML، این اعلان خیلی طولانی‌تر و پیچیده‌تر بود!
فکر کنین DOCTYPE مثل یه راهنما برای ساختمون سازهاست که دقیقاً می‌گه با چه مصالح و استانداردهایی باید کار کنن تا بنایی محکم و استاندارد ساخته بشه.
نحوه نوشتن <!DOCTYPE html> ✍️
همونطور که بارها گفتیم، این اعلامیه باید اولین خط هر سند HTML باشه، حتی قبل از تگ <html>.
<!DOCTYPE html>
<html lang="fa">
<head>
<meta charset="UTF-8">
<title>صفحه من</title>
</head>
<body>
<!-- محتوای صفحه -->
</body>
</html>
خیلی ساده، همین! نیازی به پیچیدگی بیشتر نیست.
نکته پایانی 💡
همیشه و در همه حال، این خط رو اول فایل HTML خودتون قرار بدین. این یه عادت خوبه که باعث می‌شه صفحات وب شما به شکل درست و قابل پیش‌بینی نمایش داده بشن و از مشکلات احتمالی جلوگیری می‌کنه.
پس، <!DOCTYPE html> رو فراموش نکنین! 😉