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

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

لإنشاء قائمة متداخلة، ما عليك سوى وضع عنصر <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>

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

• Item 1
• Item 2
  • Subitem 2.1
  • Subitem 2.2
• Item 3

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