انتقل إلى محتوى الدرس

Self Contained Content with article صياغة المحتوى المستقل القابل للتوزيع

استكشف قوة العناصر الدلالية في لغة HTML واستبدل حاويات div بعناصر header و nav و main و section و article و aside و footer لتعزيز إتاحة الويب والارتقاء بترتيب الصفحة في محركات البحث.
5 صفوف تعليمية
لغة HTML
14,207 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي
يمثل عنصر <article> وحدة محتوى مستقلة بذاتها وقائمة بذاتها في الصفحة أو التطبيق، بحيث يمكن نظرياً اقتطاعها وإعادة نشرها وتوزيعها بشكل مستقل تماماً. ومن أشهر تطبيقاتها التدوينات الإخبارية، ومقالات المدونات، والمشاركات في المنتديات، وتعليقات القراء، وبطاقات التفاعل المستقلة.
الصف 2 صورة توضيحية
شجرة القرارات الهيكلية لاختيار الحاوية المناسبة بين article وsection وdiv
الصف 3 شرح توضيحي

يلخص الجدول المرجعي التالي أهم العناصر الدلالية في HTML5 ومناطق المعالم الدلالية وقواعد استخدامها المعمارية:

الصف 4 شرح توضيحي
تعتبر قاعدة اختبار النشر المستقل المعيار الذهبي لتحديد ما إذا كان المحتوى يستحق وسم <article>؛ فإذا استطعت اقتطاع هذا الجزء ونشره كعنصر مستقل في تغذية إخبارية أو تطبيق للهواتف الذكية وبقي مفهوماً تماماً دون الحاجة لبقية الصفحة، فإن استخدامه هو الخيار المثالي.
الصف 5 ملاحظة هامة