HTML - <dl> 標籤



HTML <dl> 標籤用於建立描述列表。描述列表也常用於表示元資料,以鍵值對的形式列出。

它包含使用<dt>標籤指定的詞條組,以及由<dd>元素提供的描述。<dt>標籤定義資料術語,而<dd>標籤定義資料描述。描述列表也常用於表示元資料,以鍵值對的形式列出。描述列表類似於其他列表,但在此列表中,每個列表項有兩個條目:術語和描述。

語法

<dl>
   <dt></dt>
   <dd></dd>
   ….
</dl>

屬性

HTML dl 標籤支援HTML的全域性事件屬性。

HTML dl 標籤示例

下面的例子將說明 dl 標籤的使用,包括何時何地以及如何使用 dl 標籤。

建立描述列表項

在下面的例子中,我們使用<dl>標籤建立一個描述列表,其中包含一個術語<dt>和一個描述<dd>。

<!DOCTYPE html>
<html lang="en">
<head>
   <title>HTML dl Tag</title>
</head>
<body>
   <!--create a description list-->
   <dl>
      <dt>HTML</dt>
      <dd>
         HTML stands for Hyper Text Markup Language.
      </dd>
   </dl>
</body>
</html>

多個描述列表項

以下是另一個<dl>標籤的例子。在這裡,我們使用<dl>標籤建立一個描述列表,它包含一個術語<dt>和多個描述<dd>。

<!DOCTYPE html>
<html lang="en">
<head>
   <title>HTML dl Tag</title>
</head>
<body>
   <!--create a description list-->
   <dl>
      <dt>CSS</dt>
      <dd>
         CSS stands for Cascading Style Sheet.
      </dd>
      <dd>
         It is used to define styles for the web pages.
      </dd>
      <dd>
         CSS types − Inline, Internal, External
      </dd>
   </dl>
</body>
</html>

多個描述列表和多個數據描述

下面的HTML程式將演示如何使用<dl>標籤建立一個描述列表,其中包含多個數據術語<dt>和多個相應的資料描述<dd>。

<!DOCTYPE html>
<html lang="en">
<head>
   <title>HTML dl Tag</title>
</head>
<body>
   <!--create a description list-->
   <dl>
      <dt>Name</dt>
      <dd>Aman kumar</dd>
      <dt>Age</dt>
      <dd>22</dd>
      <dt>City</dt>
      <dd>Ranchi</dd>
      <dt>State</dt>
      <dd>Jharkhand</dd>
      <dt>Country</dt>
      <dd>India</dd>
   </dl>
</body>
</html>

支援的瀏覽器

標籤 Chrome Edge Firefox Safari Opera
dt
html_tags_reference.htm
廣告