HTML-ს აქვს სამი სიის ტიპი, თითოეულს აქვს სემანტიკური მნიშვნელობა. სწორის გამოყენება ეხმარება ხელმისაწვდომობას (ეკრანის მკითხველები ამცნობენ "სია, 3 ელემენტი") და სტრუქტურას.
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> არჩევა ცხადყოფს მნიშვნელობას: დაუხარისხებელი, თანმიმდევრული ან ტერმინ-განმარტება.