خطوات التحضير لها ترتيب مهم، لذلك نستخدم القائمة المرتبة <ol>:

<ol>
  <li>Boil the water.</li>
  <li>Add the pasta.</li>
  <li>Cook for 10 minutes.</li>
</ol>

المتصفح يرقّم العناصر تلقائيًا.

ol أم ul؟

• <ol>: عندما يهم الترتيب (خطوات، ترتيب، تعليمات).
• <ul>: عندما لا يهم الترتيب (المكونات، الميزات).

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