شرح صفوف ومحتوى الفقرة
يمثل عنصر
<section> قسماً موضوعياً مستقلاً داخل مستند الويب يجمع محتويات مترابطة حول فكرة معينة؛ حيث يعمل كفصل في كتاب أو لوحة تبويب أو قسم مستقل للمميزات. ومن القواعد القياسية الأساسية أن يبدأ كل وسم <section> دائماً بعنوان هرمي يوضح موضوعه.يجب على المطور تجنب استخدام عنصر
<section> كغلاف لمجرد تطبيق تنسيقات بصرية؛ فإذا كانت الحاوية مطلوبة فقط لضبط هوامش CSS أو تنظيم أعمدة الشبكة أو تشغيل مؤثرات حركية دون أن تمثل موضوعاً متماسكاً يحمل عنواناً، فإن عنصر التقسيم المحايد <div> هو الخيار الصحيح.Thematic Chapter Grouping With Sectionتقسيم المحاور الموضوعية باستخدام عنصر section
تجميع محور موضوعي متكامل يبدأ بعنوان فرعي وفقرة توضيحية داخل وسم section.
HTML
<section style="padding: 12px; background: #f5f3ff; border-radius: 8px;">
<h4 style="margin: 0 0 6px; color: #4c1d95;">Module 3: Web Accessibility</h4>
<p style="margin: 0;">Learn ARIA roles, keyboard focus order, and W3C markup validation.</p>
</section>Semantic Section Element Browser Previewمعاينة القسم الموضوعي section في المتصفح
عرض متصفح لقسم موضوعي منظم يبدأ بعنوان واضح داخل وسم section.