dl dt dd認識及dl dt dd使用方法
<dl 標簽用于定義列表類型標簽。
html <dl <dt <dd是一組合標簽，使用了dt dd最外層就必須使用dl包裹，此組合標簽我們也又叫表格標簽，與table表格類似組合標簽，故名我們也叫dl表格（擴展閱讀：table tr td、table tr th表格布局）。
<dl<dt</dt<dd</dd</dl為常用標題+列表型標簽。如沒有對dl dt dd標簽初始CSSyangshi_10628_1.html' target='_blank'>CSS樣式，默認dd列表內容會一定縮進。（擴展閱讀：ul li、ol li、li列表）
<dl
<dt列表標題</dt
<dd列表內容</dd
<dd列表內容</dd
...
</dl
語法解釋：
首先dt和dd是放于dl標簽內，標簽dt與dd處于dl下相同級。也就是dt不能放入dd內，dd不能放入dt內。在dl下，dt與dd處于同級標簽。DD標簽可以若干。同時不能不加dl地單獨使用dt標簽或dd標簽。
標題、標題對應列表效果演示
代碼如下：
- <html
- <body
- <h1一個定義列表：</h1
- <dl
- <dtcss網站</dt
- <dd網址為www.divcss5.com</dd
- <dtdivcss網站</dt
- <dd網址為www.divcss5.com</dd
- <dtdiv+css網站</dt
- <dd網址為www.divcss5.com</dd
- </dl
- </body
- </html
演示截圖
擴展與提升
dl dt dd是一個組合型標簽
標簽標準用法，代碼如下
- <dl
- <dt標題1</dt
- <dd列表1</dd
- <dd列表2</dd
- </dl
同時dd內可以放置<ul標簽使用。
1、HTML代碼片段：
<dl
<dt歡迎來到divcss5</dt
<dd這里有，html教程</dd
<dd這里有，css模塊</dd
<dd這里有，css教程</dd
</dl
2、dl dt dd案例截圖
以上為html dl dt dd列表標簽范例圖
我們實踐使用dl dt dd標簽最多地方，通常是具有標題，而標題下對應有若干列表簡單的（欄目標題+對應標題列表）和標題對應下面有內容。在使用時候我們能簡潔HTML代碼情況下，學會靈活使用dl dt dd，了解和掌握標簽結構語法。
在以后開發div+css適當運用dl dt dd標簽你將會體會到帶來的便利。
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
新聞熱點
疑難解答
