Thẻ <dl> trong HTML (Tạo danh sách mô tả)

Danh sách mô tả là gì ?

Danh sách mô tả là danh sách mà trong đó sẽ có những thuật ngữ hoặc tên gọi, và mỗi thuật ngữ hay tên gọi đó sẽ có một hoặc nhiều nội dung mô tả.

Ví dụ: Bên dưới là một danh sách mô tả

Thẻ <dl> dùng để làm gì?

Thẻ <dl> dùng để xác định một danh sách mô tả.

<dl>
    <dt>Điện thoại</dt>
    <dd>Thiết bị nhỏ gọn, cầm tay</dd>
    <dd>Có thể dùng để nhắn tin, nói chuyện</dd>
    <dt>Laptop</dt>
    <dd>Thiết bị có màn hình lớn và bàn phím</dd>
    <dd>Có thể dùng để xem phim, chơi game, nghe nhạc</dd>
</dl>

Lưu ý: Thẻ <dl> chỉ dùng để xác định một danh sách mô tả. Còn về việc tạo các thuật ngữ trong danh sách thì phải dùng thẻ <dt> và tạo các nội dung mô tả thì dùng thẻ <dd>

Định dạng CSS mặc định

Hầu hết các trình duyệt sẽ hiện thị phần tử <dl> với định dạng CSS như sau:

dl {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
}