مدونة التربية و التعليم في الجزائر – دروس، فروض، نتائج امتحانات مدونة التربية والتعليم في الجزائر | تحضير الدروس، فروض واختبارات، نتائج البكالوريا وBEM، مسابقات التوظيف، والتوجيه المدرسي للطلاب وأولياء الأمور.
درس: HTML5: العناصر الدلالية (Semantic Elements)
مرحبا بكم في درس العناصر الدلالية في HTML5 لمادة الإعلام الآلي، السنة الرابعة متوسط حسب المنهاج الجزائري. في هذا الدرس سنتعرف على العناصر الدلالية في HTML5 وأهميتها.
المفاهيم الأساسية
العناصر الدلالية: عناصر HTML تحمل معنى واضحا عن محتواها. تساعد محركات البحث والمطورين على فهم بنية الصفحة.
header: يمثل رأس الصفحة أو القسم. يحتوي عادة على الشعار وعنوان الموقع وقائمة التنقل.
nav: يمثل منطقة التنقل والروابط الرئيسية في الموقع.
main: يمثل المحتوى الرئيسي الفريد للصفحة. يستخدم مرة واحدة فقط.
article: يمثل محتوى مستقلا مثل مقال أو تدوينة. يمكن إعادة استخدامه.
section: يمثل قسما من المحتوى ضمن الصفحة. غالبا يحتوي على عنوان.
aside: يمثل محتوى جانبي مرتبط بالمحتوى الرئيسي مثل الروابط الإضافية.
footer: يمثل تذييل الصفحة أو القسم. يحتوي على معلومات حقوق النشر.
أمثلة محلولة
مثال: اكتب هيكل صفحة HTML5 يستخدم العناصر الدلالية.
الحل: header يحتوي على الشعار، nav للروابط، main يحتوي على article و aside، footer لتذييل الصفحة.
تمارين تطبيقية
التمرين 1: اذكر 5 عناصر دلالية في HTML5 ووظيفة كل منها.
التمرين 2: ما الفرق بين عنصري article و section؟
التمرين 3: لماذا نستخدم العناصر الدلالية بدلاً من div فقط؟
خلاصة الدرس
العناصر الدلالية تحسن بنية صفحة الويب وتسهل فهمها. تساعد في تحسين محركات البحث (SEO) وتجعل الكود أكثر وضوحا.