HTML Tutorial

عنصر <section>

ما هو عنصر <section>؟

هو عنصر يستخدم لتجميع المحتوى ذي الصلة في صفحة ويب، ويمكن أن يمثل فصلاً أو جزءًا من المستند.

استخدامات عنصر <section>:

  • تقسيم المحتوى إلى أقسام منطقية
  • تحسين قابلية الوصول إلى المحتوى
  • توفير طريقة سهلة للتنقل عبر الصفحة

سمات عنصر <section>:

  • id: تحدد هوية القسم بشكل فريد
  • class: تستخدم لتصنيف القسم
  • lang: تحدد لغة المحتوى داخل القسم

أمثلة على استخدام عنصر <section>:

<section id="main">
  <h1>عنوان رئيسي</h1>
  <p>محتوى القسم الرئيسي</p>
</section>

<section class="sidebar">
  <h2>عنوان لوحة جانبية</h2>
  <ul>
    <li>عنصر القائمة 1</li>
    <li>عنصر القائمة 2</li>
  </ul>
</section>

مثال HTML لاستكشاف عنصر <section>:

<!DOCTYPE html>
<html>
<head>
  <title>استخدام عنصر <section></title>
</head>
<body>
  <header>
    <h1>عنوان الصفحة</h1>
  </header>
  <section id="main-content">
    <h2>محتوى رئيسي</h2>
    <p>هذا هو المحتوى الرئيسي للصفحة.</p>
  </section>
  <section class="sidebar">
    <h2>لوحة جانبية</h2>
    <ul>
      <li>عنصر القائمة 1</li>
      <li>عنصر القائمة 2</li>
    </ul>
  </section>
  <footer>
    حقوق النشر محفوظة
  </footer>
</body>
</html>