لغة HTML توفر ثلاثة أنواع من القوائم، لكل منها معنى دلالي. استخدام النوع الصحيح يساعد في إمكانية الوصول (قارئات الشاشة تعلن "قائمة، 3 عناصر") والبنية.
قائمة غير مرتبة — الترتيب غير مهم
html
Apples
Bananas
Cherries
تُعرض بنقاط افتراضية. استخدمها لقوائم التنقل والقوائم الميزات والوسوم — أي شيء حيث لا يكون التسلسل ذا معنى.
<ol type="1" start="1">
<li>Preheat the oven</li>
<li>Mix ingredients</li>
<li>Bake for 20 minutes</li>
</ol>
تُعرض بأرقام. استخدمها للخطوات والترتيبات والتعليمات. السمات: type (1، a، A، i، I)، start (الرقم الأول)، reversed.
<dl>
<dt>HTML</dt>
<dd>The markup language for web pages.</dd>
<dt>CSS</dt>
<dd>The styling language for web pages.</dd>
</dl>
<dt> هو المصطلح، <dd> وصفه — رائعة للقواميس والبيانات الوصفية وأزواج المفتاح/القيمة.
<nav>
<ul>
<li><a href="/">Home</a>
<ul><li><a href="/sub">Sub-page</a></li></ul> <!-- nested submenu -->
</li>
</ul>
</nav>
قوائم التنقل عادة ما تُوسم بـ <ul> داخل <nav>.
القوائم ليست مجرد نقاط — فهي تمنح المحتوى بنية تعلن عنها قارئات الشاشة وتستطيع تصميمها بحرية (العلامات الافتراضية يسهل إزالتها بـ CSS).
اختيار <ul> مقابل <ol> مقابل <dl> ينقل المعنى: غير مرتب أو متسلسل أو مصطلح-تعريف.