❮
Programming Basics SQL HTML CSS JavaScript React Python C++ Java JavaFX Swing Problem Solving English English Conversations Computer Fundamentals Linux Learn Typing
❯
عودة للدرس❯ ❮عودة للدرس

HTMLالوسم <!DOCTYPE>

  • تعريفه
  • دعم المتصفحات
  • إستخدامه
  • تصميمه الإفتراضي
  • نصائح و ملاحظات

تعريفه

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

للدقة أكثر <!DOCTYPE> لا يعتبر وسم من وسوم لغة HTML نفسها بل هو مجرد معلومة يتوقع المتصفح أن يقرأها في بداية أي ملف إمتداده .html لكي يعرف إصدار اللغة المستخدمة في الملف.

لإعلام المتصفح أننا نستخدم الإصدار HTML 5 لا بد من إضافة المعلومة التالية كأول معلومة في الملف.

<!DOCTYPE html>

معلومة

إعلام المتصفح بالإصدرات القديمة من HTML كان أمراً مزعجاً حيث كان ذلك يتطلب كتابة معلومة كثيرة مقارنةً بما يتطلبه الإصدار الخامس.

الإصدار HTML 4.01 من HTML يتم تعريفه كالتالي.

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

الإصدار XHTML 1.1 من HTML يتم تعريفه كالتالي.

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

دعم المتصفحات

Chrome Edge Firefox Opera Safari Android
Webview		 Chrome
for Android		 Firefox
for Android		 Opera
for Android		 Safari
for IOS		 Samsung
Internet
مدعوم مدعوم مدعوم مدعوم مدعوم مدعوم مدعوم مدعوم مدعوم مدعوم مدعوم

إستخدامه

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

مثال

<!DOCTYPE html>
<html>
    <body>
        <p>This tutorial explain HTML 5 step by step.</p>
    </body>
</html>
جرب الكود

تصميمه الإفتراضي

لا يوجد تصميم إفتراضي له لأنه بالأساس شيء لا يتم عرضه أمام المستخدم.

نصائح و ملاحظات

الكلمة <!DOCTYPE> يمكن كتابتها بأحرف كبيرة أو صغيرة مع أننا ننصح بكتابتها بأحرف كبيرة لأنه الشكل المتعارف عليه.

أمثلة

<!DOCTYPE html>
<!doctype html>
<!DocType html>
<!Doctype html>