أجزاء صفحة الHTML5

أجزاء صفحة الHTML5 الوصفية

تتكون صفحة الhtml5 الوصفية (البرمجية) بصورة عامة من جزئين أساسيين هما

منطقة رأس الصفحة Head Section))
منقطة جسم الصفحة (Body Section)

لاحض الشيفرة التالية :

<html>

  <head>
  <head>

  <body>
 </body>

</html>

منطقة رأس الصفحة :

لاحض ان مكان منطقة الرٍأس هو بين وسمي <head></head>

ويمكننا كتابة التعليمات فيها لكن اغلب التعليمات غير ضاهري ومرئي أي انها لاتضهر في الشكل النهائي في الصفحة ويمكننا القول بان هذه المنطقة مسؤولة عن وصف صفحة الHTML "الواصفة" وتكمن أهمية هذه المنقطة في اربع نقاط أساسية :

تحدد عنوانًا في علامة تبويب المتصفح .
توفر عنوانًا للصفحة عند إضافتها إلى المفضلة .
تعرض عنوان الصفحة في نتائج محرك البحث .
منطقة مسؤولة عن الكلمات المفتاحية المصادقة لمحرك البحث .

في الصورة أعلاه ، الرأس صغير جدًا

في الصفحات الأكبر ، يمكن أن يكون الرأس كبيرا جدا. حاول الانتقال إلى بعض مواقع الويب المفضلة لديك واستخدم أدوات المطورين للتحقق من محتويات منقطة الراس. ليس هدفنا هنا هو إظهار كيفية استخدام كل شيء يمكن وضعه في هذه المنقطة ، بل تعليمك كيفية استخدام العناصر الرئيسية التي تريد تضمينها في الرأس ، ومنحك بعض الألفة. هيا بنا نبدأ باتخدام متصفح فايرفوكس في البداية قم بالدخول لأي موقع تحب اختر مساحة فارغة انقر بزر الماوس الأيمن واختر الخيار -مصدر الصفحة-

وبأستخدام هذه الأداة الخاصة بالمطورين سنرى المصدرHTML والمصدر CSS(اذا كان Css مستعمل في تطوير الصفحة ) لاي موقع

منطقة الجسد :

وهي المنطقة التي تحدد مابين علامة <body> و</body> وهي المنقطة التي سنكثر من استخدام الوسوم والتعليمات فيها فهي تحدد المحتوى الرئيسي لمستند HTML أو قسم مستند HTML الضاهري الذي سيكون مرئيًا مباشرةً على صفحة الويب الخاصة بنا , وتضم هذه المنطقة الوسوم الكثيرة والمختلفة الاستخدامات سنرجع الان الى مصدر HTML لموقعنا المفضل لكي نرى الدور الكبير لهذه المنطقة

عند القيام بتحريك مؤشر الماوس على الوسومtags سنجد المتصفح يقوم تلقائيا بتحديد أجزاء ضاهرية أساسية في داخل صفحة الموقع ويحدد حجمها ومكانها الذي كتب بواسطة مطورين الموقع داخل الوسوم .