آموزش تگ doctype در HTML

آموزش تگ doctype در HTML

تگ <!DOCTYPE> در HTML معمولاً به عنوان شروع هر صفحه وب استفاده می‌شود و نوع سند HTML را تعیین می‌کند. این تگ به مرورگر می‌گوید که نسخه HTML کدام استاندارد را دنبال کند و چگونه باید صفحه را بازیابی کند. در این مقاله، با توضیح تگ <!DOCTYPE> به طور کامل آشنا می‌شویم و نحوه استفاده از آن را با مثال‌هایی نشان می‌دهیم.

1. تگ DOCTYPE در HTML

تگ <!DOCTYPE> یک تگ خودبسته است که در ابتدای هر صفحه HTML قرار می‌گیرد و نوع سند HTML را تعیین می‌کند.

2. ویژگی‌های تگ DOCTYPE

تگ <!DOCTYPE> فاقد ویژگی است و تنها یک نوع (doctype) مشخص می‌کند.

3. نحوه استفاده از تگ DOCTYPE

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- Content goes here -->
</body>
</html>

4. مثال کاربردی

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>Hello, World!</h1>
    <p>This is a sample paragraph.</p>
</body>
</html>

5. کاربردها

  • تعیین نوع HTML: تگ <!DOCTYPE> مشخص می‌کند که سند HTML کدام استاندارد را دنبال کند، مانند HTML5.
  • تضمین سازگاری: استفاده از تگ <!DOCTYPE> به مرورگر اطلاع می‌دهد که صفحه از کدام استاندارد استفاده می‌کند و این کمک می‌کند تا صفحه به درستی نمایش داده شود.

تگ <!DOCTYPE> یکی از اجزای اساسی HTML است که نوع سند HTML را تعیین می‌کند. با استفاده از این تگ، می‌توانید به مرورگر اطلاع دهید که صفحه از کدام استاندارد استفاده می‌کند و این کمک می‌کند تا صفحه به درستی نمایش داده شود. بهتر است همواره از تگ <!DOCTYPE html> به عنوان doctype استفاده شود، زیرا این تگ برای HTML5 توصیه شده است و باعث می‌شود مرورگر بهترین رفتار را در نمایش صفحه داشته باشد.

پست های مرتبط

مطالعه این پست ها رو از دست ندین!
JavaScript - رویدادها (Events)

JavaScript – رویدادها (Events)

رویدادهای HTML رویدادها در HTML، “اتفاقاتی” هستند که برای عناصر HTML رخ می‌دهند. این اتفاقات می‌توانند ناشی از کار...

بیشتر بخوانید
JavaScript - سازنده‌های شیء (Object Constructors)

JavaScript – سازنده‌های شیء (Object Constructors)

ساخت آبجکت با تابع سازنده (Object Constructor Function) برای ساخت چندین آبجکت مشابه، از تابع سازنده استفاده می‌شود. این...

بیشتر بخوانید
JavaScript - نمایش شیء (Object Display)

JavaScript – نمایش شیء (Object Display)

نحوه نمایش آبجکت‌ها در جاوااسکریپت هنگام نمایش یک آبجکت جاوااسکریپت به صورت مستقیم، خروجی معمولاً به شکل [object Object]...

بیشتر بخوانید

نظرات

سوالات و نظراتتون رو با ما به اشتراک بذارید

برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید.