أولا عنصر <header> : يستخدم <header> لتعريف رأس صفحة الويب, حيث يمكن أن يحتوي <header> على عناصر مثل شعار و إسم الموقع , وروابط التنقل الرئيسية والبحث، والمعلومات الأساسية عن الموقع. و غالبا ما يظهر في الجزء العلوي من الصفحة.
ثانيا عنصر <nav> : يستخدم <nav> لتعريف مجموعة من الروابط التنقل داخل الموقع. يمكن أن يحتوي <nav> على قائمة رئيسية لروابط الموقع أو قائمة تنقل فرعية. حيث يساعد في تنظيم وترتيب الروابط لسهولة التصفح.
ثالثا عنصر <section> : يستخدم <section> لتنظيم المحتوى داخل الصفحة إلى أقسام مختلفة .عادة ما يحتوي <section> على محتوى ذي صلة يمكن تجميعه معاً، مثل فصل المحتوى المتعلق بموضوع معين.
رابعا Class: الـ Class هو سمة (Attribute) يمكنك إضافتها لعناصر HTML لتحديد مظهرها أو سلوكها بشكل مخصص. حيث يستخدم الـ Class لتطبيق نفس السمات على عناصر متعددة فى ملفات ال CSS , أو لتحديد عناصر معينة لتطبيق سمات فريدة عليها أو التلاعب بها فى ملفات ال JS .يمكن استخدامها في CSS لتحديد الأنماط التي تطبق على عناصر محددة.
خامسا عنصر <footer> : يستخدم <footer> لتعريف تذييل صفحة الويب. حيث عادة ما يحتوي <footer> على معلومات الاتصال، وروابط إضافية، ومعلومات حول الموقع. و يظهر عادة في الجزء السفلي من الصفحة.
هذه العناصر تساعد في تنظيم وتصميم صفحات الويب بشكل منظم وجذاب، وتسهل عملية التنقل والتفاعل مع المحتوى.
ويمكنك قراءة تلك المقالات على موسوعة حسوب :
header و footer و nav و section