Dl>

Tổng quan

Thẻ 

 (Description List) dùng làm nơi đặt một danh sách mô tả bao gồm các cặp thuật ngữ và mô tả cụ thể cho thuật ngữ, trong đó thuật ngữ được đặt trong thẻ
và mô tả được đặt trong thẻ
. Ngoài ra
 cũng được dùng để hiển thị siêu dữ liệu (một danh sách các cặp key/value).

Trước HTML5,

được hiểu là Definition List.

Thẻ

(Description Term) dùng làm nơi đặt thuật ngữ;
chỉ có thể là con của
. Trong một
ta có thể dùng nhiều
.

Thẻ 

 dùng làm nơi đặt mô tả;
chỉ có thể là con của
. Trong một
ta có thể dùng nhiều
.

Nhóm nội dung

Đối với thẻ

: Flow; nếu con của
chỉ là một cặp name/value thì
còn thuộc nhóm nội dung Palpable.

Đối với thẻ

: Không thuộc nhóm nội dung nào.

Nội dung được phép

Đối với thẻ

: Các thẻ
, và bên trong mỗi thẻ
là các thẻ
.

Đối với thẻ

: Flow; nếu không có các thẻ
thì
cho phép các nội dung thuộc các nhóm nội dung Sectioning và Heading.

Đối với thẻ

: Flow.

Thẻ đóng

Đối với thẻ

: Cần phải có thẻ mở 
và thẻ đóng
.

Đối với thẻ

: Phải có thẻ mở
, nếu nó chứa ít nhất một thẻ
thì có thể bỏ qua thẻ đóng

Đối với thẻ

: Phải có thẻ mở
, nếu ngay sau nó là một thẻ
khác thì có thể bỏ qua thẻ đóng

Phần tử cha được phép

Thẻ

: Bất kỳ phần tử nào chấp nhận nhóm nội dung Flow.

Thẻ

:
.

DOM interface

: HTMLDListElement.

: HTMLElement, HTMLSpanElement.

Thuộc tính

,
đều bao gồm Các thuộc tính Global.

compact

Đây là thuộc tính của

, dùng để hiển thị thuật ngữ và mô tả thuật ngữ trên cùng một dòng. Hiện tại thuộc tính này không còn được hỗ trợ.

Ví dụ

Một thuật ngữ và một mô tả:

<dl>

  <dt>HDJdt>

  <dd>HTML - DHTML (CSS) - JavaScript.dd>

dl>

Kết quả:

HDJ
        HTML - DHTML (CSS) - JavaScript

Một thuật ngữ và nhiều mô tả:

<dl>
  <dt>RDBMSdt>
  <dd>Relational DataBase Management System.dd>
  <dd>Hệ quản trị cơ sở dữ liệu quan hệ.dd>
dl>

Kết quả:

RDBMS
        Relational DataBase Management System.
        Hệ quản trị cơ sở dữ liệu quan hệ.

Nhiều thuật ngữ và một mô tả:

<dl>

  <dt>HTMLdt>

  <dt>CSSdt>

  <dt>JavaScriptdt>

  <dt>jQuerydt>

  <dt>Ajaxdt>

  <dd>Những ngôn ngữ cần thiết cho việc thiết kế website.dd>

dl>

Kết quả:

HTML
CSS
JavaScript
jQuery
Ajax
         Những ngôn ngữ cần thiết cho việc thiết kế website.

Siêu dữ liệu (metadata):

DOCTYPEhtml>

<html>

<body>

  <dl>

    <dt>Têndt>

    <dd>V1Studydd>

    <dt>Ra đờidt>

    <dd>2015dd>

    <dt>Đất nướcdt>

    <dd>Việt Namdd>

    <dt>Màu đặc trưngdt>

    <dd>Xanh ládd>

  dl>

body>

html>

Gợi ý: Nếu bạn muốn đặt một dấu phân cách (ví dụ như dấu hai chấm ':') giữa key và value ta có thể làm như sau:

dt:after{ content: ': ' ; }

Kết quả của phần metadata ở trên sẽ là:

Tên:
        V1Study
Ra đời:
        2015
Đất nước:
        Việt Nam
Màu đặc trưng:
        Xanh lá

Lưu ý

Không sử dụng thẻ

(cũng như là thẻ
    ) chỉ để nhằm mục đích tạo hiệu ứng thụt đầu dòng trong trang web; thay vào đó ta có thể sử dụng thuộc tính margin của CSS.

    Khả năng tương thích trình duyệt

    ,
    tương thích trên tất cả các phiên bản và loại trình duyệt của máy tính cũng như thiết bị cầm tay.