HTML dl dt dd 標籤

HTML <dl> <dt> 與 <dd> 標籤是網頁內文的一種排版方式技巧,可製作出縮排的效果,<dl>、<dt> 與 <dd> 標籤的層級不同,撰寫規則為 <dd></dd> 標籤被包含在 <dt></dt> 標籤內,而 <dt></dt> 標籤被包含在 <dl></dl> 標籤內,形成一個完整的清單組,清單中的每個項目都有項目標題以及項目描述,這樣的排版技巧在 HTML 網頁文案中經常使用到。

HTML dl dt dd 標籤基本語法
<dl>
 <dt>項目標題</dt>
 <dd>項目描述 ...</dd>
 ...
</dl>
標籤定義
標籤定義
<dl></dl>
Definition List,清單
<dt></dt>
Definition Term,項目
<dd></dd>
Definition Description,描述

HTML dl dt dd 範例
<dl>
 <dt>項目標題一</dt>
 <dd>這裡是項目敘述一 ...</dd>
 <dt>項目標題二</dt>
 <dd>這裡是項目敘述二 ...</dd>
</dl>
以上範例輸出結果如
項目標題一
這裡是項目敘述一 ...
項目標題二
這裡是項目敘述二 ...
原則上 <dl></dl> 不會特別呈現出效果,但在頁面上會宣告一個清單空間,讓每個項目能夠在空間中完整呈現,項目標題 <dt></dt> 與項目符號 <dd></dd> 是一組一組的搭配,其中項目符號預設會自動產生縮排的效果,由於這是本文通用的一種排版方式,所有主流的瀏覽器都支援 HTML dl dt dd 標籤。需注意的是 <dl></dl> 標籤不可以與 HTML table 標籤混為一談。

相關主題延伸閱讀
© Copyright wibibi.com 網頁設計教學百科 基礎的網頁設計規劃、資料庫與程式設計 Since 2012 Englsih version
PHP Smarty MySQL JQuery Apache W3C