1. 程式人生 > >html標籤中dl dd這個標籤的作用

html標籤中dl dd這個標籤的作用

ul ol li dl dt dd都是DIV+CSS做網頁長用的東西,相當於一棵樹的樹技,下面就瞭解一下這些東西的全體用法,本人用dd,dt,dd用得很少,懂得結合使用對做架構是很有好處的哦! 

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>標題</dt> <dd>內容1</dd> <dd>內容2</dd> </dl> dt 和dd中可以再加入 ol ul li和p   理解這些以後,在使用div佈局的時候,會方便很多,w3c提供了很多元素輔助佈局。

DD DT DL標籤 我們平時常用的是< ul>< li>標籤,不過dd、dt標籤也蠻不錯,特別是釋出程式的時候功能模組列表什麼的可以使用它來排版

< dl>< /dl>< dt>< /dt>< dd>< /dd> < dl>< /dl>用來建立一個普通的列表,< dt>< /dt>用來建立列表中的上層專案,< dd>< /dd>用來建立列表中最下層專案,< dt>< /dt>和< dd>< /dd>都必須放在< dl>< /dl>標誌對之間。

看一下下邊的例子您就會明白了:

dl ——define list——定義列表 

dt ——define list title——用於生成定義列表中各列表項的標題,重複使用可以定義多個列表項的標題。

dd——define list define——用於生成定義列表各列表項的說明文欄位,重複使用可以定義多個說明文欄位。dd是對應dt的簡短說明或解 例子: <dl> <dt>Today <dd>Today is yesterday. <dt>Tomorrow <dd>Tomorrow is today. </dl>