قوائم متداخلة

يمكنك وضع قائمة داخل قائمة أخرى. يُسمّى هذا قائمة متداخلة. وهذا مفيد لإنشاء هياكل هرمية، مثل المخططات التفصيلية أو القوائم متعددة المستويات. 

لإنشاء قائمة متداخلة، ما عليك سوى وضع عنصر <ul> أو <ol> داخل عنصر <li> في قائمة أخرى.

إليك مثالًا على قائمة غير مرتبة متداخلة:

<ul>
  <li>Item 1</li>
  <li>Item 2
    <ul>
      <li>Subitem 2.1</li>
      <li>Subitem 2.2</li>
    </ul>
  </li>
  <li>Item 3</li>
</ul>

يحتوي العنصر الثاني على قائمة متداخلة تضم عنصرين فرعيين. في المتصفح، ستظهر بهذا الشكل:

• العنصر 1
• العنصر 2
  • العنصر الفرعي 2.1
  • العنصر الفرعي 2.2
• العنصر 3

يمكنك أيضًا تضمين قوائم مرتبة متداخلة أو المزج بين النوعين.