如何在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及其定義作為一個組,成立年份作為一個組。
廣告
資料結構
網路
關係型資料庫管理系統 (RDBMS)
作業系統
Java
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP