أول مستند HTMLFirst HTML Document

أين يكتب إعلان DOCTYPE؟

• يُكتب إعلان DOCTYPE دائمًا في مقدمة صفحات HTML، ويجب أن يسبق جميع العناصر الأخرى.
  
  

وظيفة إعلان DOCTYPE:

• اختيار نمط المعايير no-quirks عند تفسير مستند HTML عادي.
  
  

استخدام DOCTYPE بطريقة صحيحة:

• صفحة الويب تتضمن إعلان ⁦<!DOCTYPE html>⁩ في بداية كل صفحة HTML.
• يكتب DOCTYPE بدون أي خصائص إضافية.
• يُفضل أن يُكتب بالشكل الموحد ⁦<!DOCTYPE html>⁩.
  
  

معلومات حول إعلان DOCTYPE:

• غيابه أو استخدام صيغة قديمة غير مناسبة قد يفعّل نمط quirks الذي يغير بعض قواعد العرض.
• الصيغة الحديثة المختصرة لا تحتوي رقم إصدار؛ تستعملها صفحات HTML الحديثة.
• المتصفح يفسر الشفرة بقواعد HTML التي يدعمها، ولا ينتقل إلى إصدار لغة يختاره هذا الإعلان.

• يسبق عنصر html إعلان DOCTYPE؛ ويمكن أن توجد تعليقات ومسافات مسموحة حول عنصر الجذر. DOCTYPE ليس عنصر HTML.
• لا يلي عنصر HTML أي عنصر آخر.
• لكل صفحة ويب عنصر HTML واحد فقط لذا يجب ألا يتكرر داخل مستند HTML.

عنصر <head>: يُعتبر عنصر <head> مجموعة من العناصر التي تحتوي على معلومات أو إعدادات خاصة بصفحة HTML، وهو يصف عناصر البيانات الوصفية للمستند [document metadata elements]. يحتوي جزء الرأس في الصفحة <head> على معلومات يمكن قراءتها من قبل المتصفحات ومحركات البحث.

أين يُكتب عنصر <head>:

• يُكتب دائمًا داخل عنصر html، وهو العنصر الأول غالبًا.
  
  
• عنصر <head> هو من نوع العناصر المُتداخلة nested elements، ولا يمكن أن يتكرر داخل صفحة HTML.

وظيفة عنصر <head>:

• يحتوي على عنصر title الذي يحدد عنوان الصفحة في المتصفح.
  
  
• يضيف بيانات وصفية للصفحة تُقرأ آليًا، مثل العنوان والوصف والصورة المعبرة.
  
  
• يساعد على وصف المستند للمتصفح ومحركات البحث؛ وجود البيانات الوصفية لا يضمن ترتيبًا محددًا.
  
  
• يوفر بيانات يمكن قراءتها من قبل التطبيقات الآلية للتعرف على محتوى الصفحة.

لاستخدام عنصر <head> بشكل صحيح، يجب اتباع التالي:

• لا يجوز تكرار عنصر <head> في صفحة HTML.
  
  
• يجب أن يكون <head> عنصراً متداخلاً داخل <html>.
  
  
• لا يمكن أن يسبق أي عنصر آخر داخل <html>.
  
  
• يجب أن يكون <head> قبل <body>.
  
  
• في صفحة HTML عادية مستقلة يحتوي head على title واحد؛ توجد استثناءات محددة مثل iframe srcdoc أو توفير العنوان عبر بروتوكول أعلى.

عنصر title يُستخدم لتحديد عنوان مستند HTML، الذي يُعرض في شريط العنوان أو في علامة تبويب المتصفح [tab]. يتضمن title نصًا لا عناصر تنسيق. يحلل المتصفح مراجع المحارف مثل &amp;، وينهي المحتوى عند وسم إغلاق title الصحيح؛ لذلك لا يعني ذلك أن كل نص يشبه الوسوم يعرض حرفيًا دون استثناء. ولكن الرموز الأخرى مثل [$] و[#] تظهر بشكل عادي في العنوان.

أين يكتب عنصر title؟

• يكتب عنصر title دائمًا داخل عنصر head، وهو عنصر مُتداخل nested element.
  
  

وظيفة عنصر title:

• يستخدم لوضع عنوان لصفحة الويب على المتصفح، وذلك لكي يساعد المستخدمين في التعرف على أسماء صفحات الويب المفتوحة حاليًا على المتصفح.
  
  
• يساعد محركات البحث في قراءة عناوين ومحتوى صفحة الويب، ويساعد على تمييز نتيجة البحث، دون ضمان الوصول إلى مقدمة النتائج.
  
  

استخدام عنصر title بطريقة صحيحة:

• يجب أن يصف عنصر العنوان title اسم الصفحة، فمثلًا الصفحة الرئيسية Home Page.
  
  
• يُفضل استخدام علامة dash [-] أو علامة [|] إذا كان هناك صفحات فرعية أو يحتوي العنصر على أكثر من كلمة، مثال: [ CloseTag | Home Page ].
  
  
• يمكن أن يتضمن العنوان اسم الموقع أو التطبيق بصورة مختصرة عندما يساعد على التمييز، مثال [ CloseTag | Home Page ].
  
  
• تجنب وضع قائمة من الكلمات مثل أسماء الدورات، ولكن قم بكتابة اسم الدورة أو اسم الدرس فقط، على سبيل المثال: [ CloseTag | Courses | HTML ].
  
  
• يجب عليك اختيار اسم مختلف وغير مكرر لكل صفحة من صفحات موقع الويب.

عنصر body هو حاوية تشمل جميع العناصر المرئية التي تظهر أمام زوار صفحة الويب، مثل: العناوين، والفقرات النصية، والصور، والجداول، والقوائم، وأي عناصر مرئية أخرى.

أين يُكتب عنصر body؟

• يكتب دائمًا داخل عنصر html بعد عنصر head، وهو عنصر مُتداخل nested element.
  

  
  

وظيفة عنصر body:

• يُستخدم لاحتواء جميع العناصر المرئية للمستخدمين أو زوار صفحة الويب، مثل: الصور، والعناوين، والفقرات النصية.
  
  
• يساعد محركات البحث في قراءة عناوين ومحتوى صفحة الويب، لكن وجود body وحده لا يضمن تحسين الترتيب.
  
  

استخدام عنصر body بطريقة صحيحة:
هناك عدد من الملاحظات التي يجب مراعاتها لكي يتم استخدام عنصر body بطريقة صحيحة، وهذه الملاحظات هي:

• يُكتب عنصر body دائمًا داخل عنصر <html>، ويأتي أسفل عنصر head.
  
  
• يجب أن يأتي عنصر <head> قبل عنصر <body>.
  
  
• عنصر body من نوع العناصر المُتداخلة [nested elements].
  
  
• لا يمكن تكرار عنصر <body> داخل نفس صفحة الويب، أي أنه يوجد عنصر body واحد فقط داخل صفحة الويب.
  
  
• عنصر <body> هو آخر عنصر بداخل عنصر <html> ولا يوجد أسفله أي عناصر أخرى.