Cách hiển thị danh sách thư mục (directory list) trong HTML?

Thẻ <dir> từng dùng để hiển thị danh sách thư mục (tương tự <ul>). Đã deprecated trong HTML4, loại bỏ HTML5. Không sử dụng — thay bằng <ul> hoặc <ol>.

Ví dụ (chỉ lịch sử)

<!DOCTYPE html>
<html>
  <head>
    <title>Thẻ dir HTML</title>
  </head>
  <body>
    <p>Các giá trị:</p>
    <dir>
      <li>xe hơi</li>
      <li>xe máy</li>
      <li>tàu thuyền</li>
    </dir>
  </body>
</html>

Thay thế chuẩn

<ul>
  <li>xe hơi</li>
  <li>xe máy</li>
  <li>tàu thuyền</li>
</ul>

Danh sách semantic khác

• <ul>: Danh sách không thứ tự (bullet).
• <ol>: Danh sách có thứ tự (số/chữ).
• <dl>: Danh sách định nghĩa (term + description).
• <menu>: Menu lệnh (toolbar, context menu — hỗ trợ hạn chế).

CSS cho danh sách

ul { list-style-type: disc; padding-left: 1.5rem; }
ul.custom { list-style: none; }
ul.custom li::before { content: "📁 "; }