רשימות מקוננות

אפשר להציב רשימה בתוך רשימה אחרת. זה נקרא רשימה מקוננת. הדבר שימושי ליצירת מבנים היררכיים, כגון ראשי פרקים או תפריטים מרובי רמות. 

כדי ליצור רשימה מקוננת, פשוט מציבים רכיב <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

אפשר גם לקנן רשימות ממוספרות או לשלב בין שני הסוגים.