HTML Doctypes

DOCTYPE هو إعلان لتحديد نوع مستند HTML ، يوحد دائمًا فى السطر الأول من التعليمات البرمجية المطلوبة في كل مستند HTML أو XHTML.

مثال للتوضيح:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Simple HTML document</title>
  </head>
  <body>
    <!-- Page content -->
  </body>
</html>

HTML Doctype

التعريف والإستخدام

إعلان <DOCTYPE!> هو إرشاد لمتصفح الويب حول إصدار HTML الذي تمت كتابة الصفحة به. وهذا يضمن أن صفحة الويب يتم تحليلها بنفس الطريقة بواسطة متصفحات الويب المختلفة بشكل صحيح.

عادةً ما يكون إعلان <DOCTYPE!> هو أول شيء يتم تعريفه في مستند HTML (حتى قبل علامة الفتح <html>).

يجب وضع إعلان <!DOCTYPE> في بداية كل مستند HTML.

إذا تخطيت أو نسيت إعلان نوع مستند HTML5 ، فسيقوم النظام بإضافته تلقائيًا عند تشغيل موقع الويب. هذا لم ينجح مع الإصدارات القديمة من HTML.

التصريح الأبسط والأكثر موثوقية لاستخدامه هو الإعلان المحدد في HTML5:

<!DOCTYPE html>

يعتمد HTML5 على معياره الخاص وليس SGML – ولهذا السبب لا يتطلب نوع مستند DTD.

DOCTYPE في الإصدارات القديمة من HTML

كانت الإصدارات السابقة لـ HTML5 مبنية على لغة التوصيف العامة المعيارية (SGML) ، لذا يجب أن يحتوي إعلان نوع المستند الخاص بهم على مرجع إلى إعلان نوع المستند المطابق (Document Type Definition). هذا يعني أيضًا حفظ إعلان DTD ووجود إعلانات منفصلة للأوضاع الصارمة.

لذلك إذا كنت بحاجة إلى نوع مستند يطابق إصدارًا محددًا من (HTML4 أو XHTML) ، فيجب أن يكون إعلان نوع المستند دقيقًا (سواء في الهجاء spelling أو في حالة الأحرف) للحصول على التأثير المطلوب ، مما يجعل الأمر صعبًا في بعض الأحيان.

قائمة بإعلانات DOCTYPE

HTML 4.01

تتطلب نماذج المستندات الخاصة بـ HTML4.01 الإعلان عن Strict DTD أو Transitional DTD أو Frameset DTD ، ولكل منها حالة استخدام مختلفة، كالتالى:

Strict DTD: يستخدم لصفحات الويب التي تستبعد السمات والعناصر التي يتوقع W3C التخلص منها مع نمو دعم CSS.
Transitional DTD: يستخدم لصفحات الويب التي تتضمن سمات وعناصر يتوقع W3C التخلص منها مع نمو دعم CSS.
Frameset DTD: يستخدم لصفحات الويب ذات الإطارات.

HTML 4.01 (Strict DTD):

<!-- HTML4.01 Strict DTD Declaration -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

HTML 4.01 (Transitional DTD):

<!-- HTML4.01 Transitional DTD Declaration -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

HTML 4.01 (Frameset DTD):

<!-- HTML4.01 Frameset DTD Declaration -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

XHTML 1.0

XHTML 1.0 (Basic):

<!-- XHTML1.0 Basic Declaration -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.0//EN"
"http://www.w3.org/TR/xhtml-basic/xhtml-basic10.dtd">

XHTML 1.0 (Strict DTD):

<!-- XHTML1.0 Strict DTD Declaration -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

XHTML 1.0 (Transitional DTD):

<!-- XHTML1.0 Strict DTD Declaration -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

XHTML 1.0 (Frameset DTD):

<!-- XHTML1.0 Frameset DTD Declaration -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML 1.1

XHTML 1.1 (Basic):

<!-- XHTML1.1 Basic Declaration -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.1//EN"
"http://www.w3.org/TR/xhtml-basic/xhtml-basic11.dtd">

XHTML 1.1 (DTD):

<!-- XHTML1.1 DTD Declaration -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

هل إعلان <DOCTYPE!> حساس لحالة الأحرف؟

إعلان <DOCTYPE!> ليس حساسًا لحالة الأحرف Case sensitive، أى يمكن كتابتة بأى طريقة من هذه:

<!-- [1] -->
<!DOCTYPE html>
<!-- [2] -->
<!doctype html>
<!-- [3] -->
<!DocType html>

تعرف على الفرق بين HTML و XHTML، من هنا: HTML vs XHTML.

HTML Responsive HTML Computercode

الإبلاغ عن خطأ

إذا وجد خطأ وتريد الإبلاغ عن هذا الخطأ، أو إذا كنت تريد تقديم اقتراح على شىء معين، فلا تتردد في إرسال بريد إلكتروني إلينا:

info@albashmoparmeg.com

شكرًا لك على مساعدتك لنا!