如何在 HTML5 中建立定義列表？

描述列表（以前稱為定義列表）提供了一種組織術語及其定義的結構。

為了定義一個定義列表，使用以下標籤：

  • <dl> − 這是定義列表。它將術語及其定義儲存為行和資料的表格。

  • <dt> − 這是用於定義的術語。它保留要定義的短語。

  • <dd> − 這是描述或定義。它包含特定術語的定義。

使用這些標籤，

以下是示例…

示例

在以下示例中，我們使用 <dl>、<dt>、<dd> 標籤向我們的網頁新增定義。

<html>
<body>
   <h1>DEFINITIONS</h1>
   <dl>
      <dt>SGML</dt>
      <dd>The Standard Generalized Markup Language. </dd>
      <dt>HTML</dt>
      <dd>The Hypertext Markup Language.</dd>
      <dd>The Markup Language You Use To Create Web Pages.</dd>
      <dt>XML</dt>
      <dd>The Extensible Markup Language.</dd>
   </dl>
</body>
</html>

輸出

執行上述指令碼後，它將分兩步顯示文字：一個充當短語，另一個充當定義。

示例：使用 div 包裹

在以下示例中，我們使用 div 元素將名稱-值元素組合在一起：

<html>
<body>
   <h1>DEFINITIONS</h1>
   <dl>
      <div>
         <dt>TutorialsPoint</dt>
         <dd>Leading providers of web based tutorials on Computer Science academic subjects, Computer Languages, Management, Telecom, and other miscellaneous subjects</dd>
      </div>
      <div>
         <dt>Established in</dt>
         <dd>2006</dd>
      </div>
   </dl>
</body>
</html>

輸出

執行上述指令碼後，定義列表如下所示。TutorialsPoint 及其定義作為一個組，而成立年份作為一個組。

更新於: 2022年9月5日

2K+ 瀏覽量

開啟您的 職業生涯

透過完成課程獲得認證

立即開始
廣告

© . All rights reserved.