كيفية كتابة كود HTML5

فى HTML5 تم تقديم وسوم جديدة لهيكلة الصفحة بطريقة اوضح لمحركات البحث ولكاتب الكود كالتالى :

  • section – يمثل ما بداخلها جزء من الصفحة و فى الغالب يتم فى اولها عنصر من H1 إلى H6 لاعطاء عنوان لهذا الجزء من الصفحة.
  • article – يمثل هذا الوسم محتوى مستقل مثل تدوينة أو مقالة صحفية.
  • aside – يمثل هذا الوسم محتوي مرتبط بشكل قليل مع باقى الصفحة اي ان حذفها لا يؤثر بشكل كبير على المحتوي الرئيسي.
  • header – تمثل هذه العلامة رأس قسم او section .
  • footer – تمثل هذه العلامة تذييلاً لأحد الأقسام ويمكن أن تحتوي على معلومات حول المؤلف ومعلومات حقوق النشر وما إلى ذلك.
  • nav – يمثل هذا الوسم قسمًا من المستند مخصصًا لقوائم التنقل مثل القائمة العلوية فى موقعنا.
  • dialog  – يمكن استخدام هذا الوسم لتميز المحادثة فى الصفحة.
  • figure – يمكن استخدام هذا الوسم لربط نصوص توضيحية مع بعض المحتوى المضمّن ، مثل صورة أو فيديو.

انظر الصورة لفهم تقسيم الصفحة ب HTML

شارك على وسائل التواصل