dd dt dl標籤應用例項程式碼

admin發表於2017-02-21

通常情況下,使用dd dt dl標籤來定義一個列表,< dt>< /dt>一般用來定義類似於標題的內容,而< dd>< /dd>用來定義列表中的專案,這兩個標籤要放到< dl>< /dl>之間。看一下這三個標籤的英文全稱可能會有助於理解:

[HTML] 純文字檢視 複製程式碼
dl ——define list——定義列表 
dt ——define list title——用於生成定義列表中各列表項的標題,重複使用可以定義多個列表項的標題。 
dd——define list define——用於生成定義列表各列表項的說明文欄位。

例項程式碼如下:

[HTML] 純文字檢視 複製程式碼
<dl>
  <dt>螞蟻部落</dt>
  <dd>div教程</dd>
  <dd>jQuery教程</dd>
  <dd>javascript教程</dd>
  <dt>搜尋優化</dt>
  <dd>站長交流</dd>
  <dd>正規表示式</dd>
</dl>

以上是一個簡單的例子,但是所有的複雜應用都是由此衍生的。


相關文章