Danh sách mô tả cung cấp một cách ngữ nghĩa để cấu trúc và trình bày thông tin tạo mối quan hệ giữa các thuật ngữ và mô tả tương ứng của chúng. Nó làm cho dữ liệu hoặc thông tin dễ tiếp cận và dễ hiểu hơn. Người tạo có thể sử dụng danh sách mô tả ở những nơi như bảng thuật ngữ, từ điển, phần Câu hỏi thường gặp, Thông số kỹ thuật của sản phẩm, v.v. Bài viết này trình bày quy trình sử dụng danh sách mô tả trong HTML.
Làm cách nào để sử dụng Danh sách mô tả trong HTML?
Danh sách mô tả bao gồm “ ”, “ <đt> ', Và ' <đ> ” và nó được sử dụng để đại diện cho một tập hợp các thuật ngữ và định nghĩa tương ứng của chúng. Nó trình bày/hiển thị nội dung ở dạng có cấu trúc trong đó phần mô tả vượt ra ngoài danh sách gạch đầu dòng đơn giản. Các thuộc tính CSS cũng có thể được áp dụng cho danh sách mô tả để tạo giao diện hấp dẫn trực quan.
Truy cập đoạn mã dưới đây để tạo danh sách mô tả trong HTML:
< thân hình >
< div >
< h2 > Thị phần máy tính xách tay h2 >
< đl >
< đt > hp đt >
< đ > Trong danh mục Hệ thống máy tính để bàn và máy tính xách tay có một phần 30 % đ >
< đt > Dell đt >
< đ > Trong danh mục Hệ thống máy tính để bàn và máy tính xách tay có một phần 24 % đ >
< đt > lenovo đt >
< đ > Trong danh mục Hệ thống máy tính để bàn và máy tính xách tay có một phần 14 % đ >
đl >
div >
thân hình >
Giải thích về đoạn mã trên:
-
- Lúc đầu, phụ huynh “ div ” phần tử đã được tạo hoạt động như một vùng chứa cho phần tử danh sách mô tả và các phần tử HTML khác như “ ”.
- Tiếp theo, danh sách mô tả “
- Sau đó, tên/thuật ngữ mô tả “ <đt> ” Thẻ được sử dụng để xác định mô tả của các mục có mô tả sẽ được thêm vào.
- Sau đó, dữ liệu mô tả “ <đ> ” thẻ được chèn có chứa mô tả/thông tin liên quan đến mục mô tả.
Sau khi kết thúc giai đoạn biên dịch, các phần tử HTML xuất hiện trên trang web như sau:
Đầu ra cho thấy danh sách mô tả đã được tạo.
Ví dụ 1: Gán nhiều mô tả cho một thuật ngữ
Có thể tạo bảng mô tả trong đó có nhiều hơn một mô tả cho một thuật ngữ. Nó có thể đặc biệt hữu ích nếu có nhiều hơn một ý nghĩa hoặc phương pháp mà thuật ngữ mô tả có thể được giải thích.
Mã cho kịch bản trên được hiển thị bên dưới:
< div >< h2 > Thị phần máy tính xách tay h2 >
< đl >
< đt > hp đt >
< đ > Trong danh mục Hệ thống máy tính để bàn và máy tính xách tay có một phần 30 % TRONG 2018 đ >
< đ > Trong danh mục Hệ thống máy tính để bàn và máy tính xách tay có một phần 23 % TRONG 2017 đ >
< đt > Dell đt >
< đ > Trong danh mục Hệ thống máy tính để bàn và máy tính xách tay có một phần 24 % TRONG 2018 đ >
< đ > Trong danh mục Hệ thống máy tính để bàn và máy tính xách tay có một phần 27 % TRONG 2017 đ >
< đt > lenovo đt >
< đ > Trong danh mục Hệ thống máy tính để bàn và máy tính xách tay có một phần 14 % TRONG 2018 Và 9 % TRONG 2017 đ >
đl >
div >
Trong đoạn mã trên:
-
- Đầu tiên, danh sách mô tả được tạo với sự trợ giúp của “ đl ”, “ đt ' Và ' đ ” yếu tố.
- Tiếp theo, nhiều “ <đ> ” các thẻ được sử dụng trong một thẻ “ đt ' yếu tố. Nó gán nhiều mô tả cho một thuật ngữ.
Sau giai đoạn tổng hợp:
Kết quả cho thấy rằng nhiều mô tả đã được thêm vào cho một thuật ngữ.
Ví dụ 2: Gán nhiều thuật ngữ cho một mô tả
Các nhà phát triển cũng có thể tạo một danh sách mô tả bao gồm nhiều thuật ngữ mô tả với dữ liệu mô tả duy nhất. Nó đặc biệt hữu ích khi nhiều thuật ngữ giống nhau hoặc có cùng chức năng. Bằng cách sử dụng kỹ thuật này, tất cả các thuật ngữ này có thể được mô tả cùng một lúc:
< div phong cách = 'lề: 20px' >< h2 > Thị phần máy tính xách tay h2 >
< đl >
< đt > hp đt >
< đt > sách ưu tú đt >
< đt > sách chuyên nghiệp đt >
< đ > Trong danh mục Hệ thống máy tính để bàn và máy tính xách tay có một phần 30 % TRONG 2018 đ >
< đ > Trong danh mục Hệ thống máy tính để bàn và máy tính xách tay có một phần 23 % TRONG 2017 đ >
< đt > lenovo đt >
< đ > Trong danh mục Hệ thống máy tính để bàn và máy tính xách tay có một phần 14 % TRONG 2018 Và 9 % TRONG 2017 đ >
đl >
div >
Trong khối mã trên, danh sách mô tả được tạo và nhiều “ <đt> ” các thẻ được sử dụng với một thẻ “ <đ> ' nhãn.
Sau khi kết thúc giai đoạn biên dịch:
Ảnh chụp nhanh ở trên cho thấy rằng nhiều thuật ngữ được chỉ định với một dữ liệu mô tả duy nhất.
Phần kết luận
Danh sách mô tả được tạo bằng cách sử dụng danh sách mô tả “ ” tạo vùng chứa cho các mục trong danh sách và mô tả của chúng. Hơn nữa, “ <đt> ” thẻ biểu thị tên mục có mô tả sẽ được cung cấp. Trong khi ' <đ> ” lưu trữ mô tả tương ứng. Bài viết này đã chứng minh việc sử dụng danh sách mô tả trong HTML.