التداخل الصحيح داخل عنصر li | القوائم المتداخلة في لغة HTML

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

الصف 1 شرح توضيحي

تتمثل القاعدة الذهبية الصارمة في تداخل قوائم HTML في أن القائمة الفرعية (<ul> أو <ol>) يجب أن تُدرج بالكامل داخل عنصر <li> الأب، وتحديداً قبل وسم إغلاق ذلك العنصر الأب </li>.

الصف 2 صورة توضيحية

الصف 3 كود برمجي

HTML

<ul>
  <li>Chapter 1: Foundations
    <ul>
      <li>1.1 Semantic Tags</li>
      <li>1.2 Document Flow</li>
    </ul>
  </li> <!-- Parent li closes AFTER nested list -->
  <li>Chapter 2: Layouts</li>
</ul>

جرّب بنفسك

الصف 4 شرح توضيحي

لاحظ بدقة أن وسم إغلاق عنصر الأب </li> يستقر بعد وسم إغلاق القائمة الفرعية </ul>. يضمن هذا الترتيب تبعية القائمة الفرعية موضوعياً وهيكلياً للبند الأب داخل شجرة المستند الدلالية.

الصف 5 ملاحظة هامة

Correct Nesting Inside Li Elements التداخل الصحيح داخل عنصر li

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

جميع فقرات هذا الدرس (القوائم المتداخلة في لغة HTML)