Programming Basics SQL HTML CSS JavaScript Python C++ Java JavaFX Swing Problem Solving English English Conversations Computer Fundamentals Learn Typing

HTMLالوسم <!DOCTYPE>

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

تعريفه

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

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

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

<!DOCTYPE html>
<!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">
<!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">
<!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 html> <html> <body> <p>This tutorial explain HTML 5 step by step.</p> </body> </html>

جرب الكود

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

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

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

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

أمثلة

<!DOCTYPE html>
<!DOCTYPE html>

<!doctype html>
<!doctype html>

<!DocType html>
<!DocType html>

<!Doctype html>
<!Doctype html>