آموزش تگ 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 - تاریخ‌ها (Dates)

JavaScript – تاریخ‌ها (Dates)

آبجکت‌های تاریخ (Date) در جاوااسکریپت آبجکت‌های تاریخ در جاوااسکریپت به ما امکان کار با تاریخ و زمان را می‌دهند....

بیشتر بخوانید
JavaScript - آرایه‌های ثابت (Array Const)

JavaScript – آرایه‌های ثابت (Array Const)

جاوااسکریپت: تعریف آرایه با const در سال 2015، جاوااسکریپت کلمه کلیدی مهمی به نام const را معرفی کرد. این...

بیشتر بخوانید
JavaScript - تکرار آرایه‌ها (Array Iteration)

JavaScript – تکرار آرایه‌ها (Array Iteration)

جاوا اسکریپت: تکرار بر روی آرایه‌ها جاوا اسکریپت روش‌های مختلفی برای تکرار (Iteration) بر روی آرایه‌ها ارائه می‌دهد که...

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

نظرات

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

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