如何在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.