html dl dt dd標籤元素語法結構與使用

時間 2019-11-07

原文原文鏈接

dl dt dd認識及dl dt dd使用方法css

<dl> 標籤用於定義列表類型標籤。html

dl dt dd目錄

html <dl> <dt> <dd>是一組合標籤，使用了dt dd最外層就必須使用dl包裹，此組合標籤咱們也又叫表格標籤，與table表格相似組合標籤，故名咱們也叫dl表格（擴展閱讀：table tr td、table tr th表格佈局）。佈局

<dl><dt></dt><dd></dd></dl>爲經常使用標題+列表型標籤。如沒有對dl dt dd標籤初始CSS樣式，默認dd列表內容會必定縮進。（擴展閱讀：ul li、ol li、li列表）網站

<dl>
<dt>列表標題</dt>
<dd>列表內容</dd>
<dd>列表內容</dd>
...
</dl>spa

語法解釋：
首先dt和dd是放於dl標籤內，標籤dt與dd處於dl下相同級。也就是dt不能放入dd內，dd不能放入dt內。在dl下，dt與dd處於同級標籤。DD標籤能夠若干。同時不能不加dl地單獨使用dt標籤或dd標籤。xml

標題、標題對應列表效果演示
代碼以下：htm

演示截圖
blog

擴展與提高
dl dt dd是一個組合型標籤
標籤標準用法，代碼以下教程

同時dd內能夠放置<ul>標籤使用。開發

一、HTML代碼片斷：
<dl>
<dt>歡迎來到divcss5</dt>
<dd>這裏有，html教程</dd>
<dd>這裏有，css模塊</dd>
<dd>這裏有，css教程</dd>
</dl>

二、dl dt dd案例截圖

以上爲html dl dt dd列表標籤範例圖

咱們實踐使用dl dt dd標籤最多地方，一般是具備標題，而標題下對應有若干列表簡單的（欄目標題+對應標題列表）和標題對應下面有內容。在使用時候咱們能簡潔HTML代碼狀況下，學會靈活使用dl dt dd，瞭解和掌握標籤結構語法。

在之後開發div+css適當運用dl dt dd標籤你將會體會到帶來的便利。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。