Thẻ <dl> trong HTML

Giới thiệu

Thẻ <dl> (description list) trong HTML5 dùng để tạo danh sách mô tả (description list), bao gồm cặp thuật ngữ (<dt>) và mô tả (<dd>). Trong HTML4 gọi là definition list.

Ví dụ minh họa

<!DOCTYPE html>
<html>
<body>
  <h2>Thể thao</h2>
  <dl>
    <dt>Bóng đá</dt>
    <dd>Được chơi bởi 250 triệu người ở hơn 200 quốc gia.</dd>
    <dt>Cricket</dt>
    <dd>Trò chơi gậy và bóng giữa hai đội 11 người trên sân.</dd>
    <dt>Bóng chuyền</dt>
    <dd>Nhiều loại: bóng chuyền sân, băng, bandy...</dd>
    <dt>Golf</dt>
    <dd>Môn thể thao dùng gậy đánh bóng vào lỗ trên sân với ít cú đánh nhất.</dd>
  </dl>
</body>
</html>

Kết quả hiển thị

Danh sách thuật ngữ và mô tả tương ứng, trình duyệt thường thụt lề <dd>.

<dl>
  <dt>Bóng đá</dt> <dd>...</dd>
  <dt>Cricket</dt> <dd>...</dd>
  ...
</dl>

<dt> định nghĩa thuật ngữ, <dd> mô tả chi tiết (có thể chứa liên kết, hình ảnh, ngắt dòng).