Cách thêm định nghĩa thuật ngữ (glossary) trong HTML?

Sử dụng thẻ <dl> (description list) kết hợp <dt> (term - thuật ngữ) và <dd> (description - định nghĩa/mô tả) để tạo danh sách thuật ngữ - định nghĩa (glossary).

Ví dụ

<!DOCTYPE html>
<html>
  <head>
    <title>Thẻ dl HTML</title>
  </head>
  <body>
    <dl>
      <dt>Danh sách định nghĩa</dt>
      <dd>Danh sách các thuật ngữ và định nghĩa/mô tả của chúng.</dd>
      <dt>HTML</dt>
      <dd>Ngôn ngữ đánh dấu siêu văn bản.</dd>
      <dt>PHP</dt>
      <dd>Ngôn ngữ lập trình server-side.</dd>
    </dl>
  </body>
</html>

Cấu trúc

• <dl>: Bao toàn bộ danh sách.
• <dt>: Thuật ngữ (term) — có thể có nhiều <dt> cho một <dd> (đồng nghĩa).
• <dd>: Mô tả — có thể có nhiều <dd> cho một <dt> (nhiều định nghĩa).

CSS mặc định

Thường: dt in đậm, dd thụt lề (margin-left).

Ứng dụng

• Từ điển, thuật ngữ kỹ thuật
• Metadata (tác giả, ngày, tag...)
• FAQ (dt=câu hỏi, dd=trả lời)
• Đặc tả sản phẩm