dl dt dd的用法-頁面製作

一般我們在做列表的時候通常只會用到ul和li標籤,至於DL一般都很少用到,它也屬於列表類的標籤,下面說一下大概的用法:
<dl>標記定義了一個定義列表,定義列表中的條目是通過使用<dt>標記(“definition title”,定義標題)和<dd>標記(“definition description”,定義描述)創建的。<dt>給出了術語名,<dd>標記給出了術語的定義。
也就是說<dt>用來創建列表中的上層項目,<dd>用來創建列表中最下層項目,<dt>和<dd>都必須放在<dl>< /dl>標誌對之間。
<dl>
<dt>我們在做列表標題</dt>
<dd>我們在做列表</dd>
<dd>我們在做列表</dd>
<dd>我們在做列表</dd>
<dd>我們在做列表</dd>
</dl>

DIV CSS網頁佈局中常用的列表元素ul ol li dl dt dd釋義,塊級元素div儘量少用,和table一樣,嵌套越少越好

ol 有序列表。

<ol>
<li>……</li>
<li>……</li>
<li>……</li>
</ol>
  表現爲:
1……
2……
3……
  ul 無序列表,表現爲li前面是大圓點而不是123
<ul>
<li>……</li>
<li>……</li>
</ul>
  很多人容易忽略 dl dt dd的用法
dl 內容塊
  dt 內容塊的標題
  dd 內容
或者這麼說
dl就是定義一個列表
dt說明白了就是這個列表的標題
dd就是內容,能縮進


  可以這麼寫:
<dl>
<dt>標題</dt>
<dd>內容1</dd>
<dd>內容2</dd>
</dl>
  dt 和dd中可以再加入 ol ul li和p
  理解這些以後,在使用div佈局的時候,會方便很多


dl:代表HTML自定義列表
dt:代表HTML自定義列表組
dd:HTML自定義列表描述

dt主要放label部分,dd主要放input或其他。

注意:和label佈局一樣,有IE的3px BUG。
HTML代碼
http://www.cyhd.net/appdesign/2008/0520/article_1095.html
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章