کاربرد تگ DOCTYPE html
دسته بندی : آموزش HTML سطح مقاله : مقدماتی زمان مطالعه : 4 دقیقه آخرین بروز رسانی: 07 آبان 1399کاربرد تگ <!DOCTYPE html> در HTML چیست؟ در دنیای گسترده توسعه وب درک دقیق از تگهای HTML بسیار حیاتی است؛ یکی از تگهای اساسی در این زمینه تگ <!DOCTYPE html> میباشد که در این مقاله به بررسی این تگ پرداخته و مفهوم آن را باز میکنیم و کاربردهای آن را بررسی میکنیم.
کاربرد تگ <!DOCTYPE html> چیست؟
کلمه Doctype مخفف عبارت Document Type است و تگ <!DOCTYPE html> اعلان نوع سند HTML را انجام میدهد؛ این تگ به مرورگر وب اطلاع میدهد که سند از کدام نسخه HTML استفاده میکند و در نتیجه به نمایش درست و تفسیر صحیح کمک میکند.
یکی از اهداف اصلی <!DOCTYPE html> اطمینان از سازگاری صفحه وب با مرورگرهای مختلف است؛ این تگ به عنوان یک دستور العمل عمل میکند و مرورگرها را در نمایش سند راهنمایی میکند تا از ایجاد باگ در نمایش صفحه وب جلوگیری شود.
نحوه نوشتن و قرار گیری تگ <!DOCTYPE html>
نحوه نوشتن این تگ بسیار ساده است؛ این تگ در ابتدای سند HTML ظاهر میشود و به عنوان یک اعلان عمل میکند. محل قرار گیری صحیح این تگ بسیار مهم است؛ <!DOCTYPE html> باید پیش از تگ <html> و هر محتوای دیگر سند قرار گیرد، قرار دادن صحیح آن تضمین میکند که مرورگرها سند را به درستی تفسیر کنند.
<!DOCTYPE html>
<html>
<head>
<title>صفحه وب من</title>
</head>
<body>
<h1>سلام، دنیا!</h1>
<p>این یک صفحه وب ساده است.</p>
</body>
</html>
پیشتر در مقاله مقدمه ای از HTML بیان کردیم که این تگ به حروف کوچک و بزرگ حساس نیست و میتوان آن را به هر صورتی نوشت:
<!DOCTYPE html>
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>
تاریخچه <!DOCTYPE>
برای درک کامل اهمیت این تگ، باید نگاهی به گذشته توسعه وب بیاندازیم؛ تگ <!DOCTYPE html> تاریخچه خاص خود را دارد و با پیشرفت نسخههای HTML، نحوه تفسیر مرورگرها را تحت تأثیر قرار داده است.
اولین ویرایش استاندارد HTML در سال 1991 منتشر شد و از آن زمان تا کنون HTML به تدریج توسعه یافته است. تا نسخههای ابتدایی HTML، تگ <!DOCTYPE> به طور کامل مشخص نشده بود و تفاوتهای زیادی در میان نسخههای مختلف وجود داشت.
با توسعه وب در دهه 1990 و ظهور مرورگرهای مختلف، نیاز به استاندارد سازی بیشتر احساس شد؛ در نتیجه، تیمهای توسعه وب تصمیم گرفتند که از نسخه HTML 4.01 به بعد، از تگ <!DOCTYPE> به عنوان یک بخش اساسی از ساختار صفحات وب استفاده کنند.
از آن زمان، تگ <!DOCTYPE> برای مشخص کردن نوع سند HTML استفاده میشود و امکان ایجاد صفحات وب با استاندارد بالا و قابلیت اجرا در مرورگرهای مختلف را فراهم کرده است.
نحوه تعریف تگ <!DOCTYPE> در HTML 4.01 و نسخههای قبلی:
در نسخههای قدیمیتر HTML اعلان تگ <!DOCTYPE> با استفاده از DTD (Document Type Definition) انجام میشد. مثال:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
نحوه تعریف تگ <!DOCTYPE> در XHTML 1.0:
در XHTML 1.0 نیز از DTD برای اعلان تگ <!DOCTYPE> استفاده میشد. مثال:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
نحوه تعریف تگ <!DOCTYPE> در HTML5:
در HTML5 تگ <!DOCTYPE> به صورت سادهتر و بدون نیاز به DTD برای اعلان نوع سند استفاده میشود. مثال:
<!DOCTYPE html>
در HTML5 این تگ به صورت ساده برای اعلان نوع سند به کار میرود و دیگر نیازی به مشخص کردن DTD نداریم؛ این تغییر نشان از سادهتر شدن و استفاده آسانتر از HTML5 است.
DTD (Document Type Definition) چیست؟
تعریف نوع سند یا DTD (Document Type Definition) یک استاندارد در زبانهای نشانه گذاری مانند XML (eXtensible Markup Language) است.
DTD به ما این امکان را میدهد که قالب و ساختار یک سند XML را مشخص کنیم؛ این استاندارد تعیین میکند که یک سند میتواند شامل چه عناصری باشد، ترتیب عناصر چطور باشد و این عناصر چه ویژگیهایی داشته باشند.
DTD میتواند به صورت داخلی یا خارجی تعریف شود؛ تعریف داخلی درون خود سند XML قرار دارد، در حالی که تعریف خارجی در یک فایل جداگانه قرار دارد و به وسیله سند اصلی مرجع میشود.
مقاله کاربرد تگ <!DOCTYPE html> را در اینجا به اتمام میرسانیم؛ در دوره آموزش HTML و CSS بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.
این مقاله چقدر براتون مفید بود؟