1. 程式人生 > >dl dt dd 標籤的用法(二)

dl dt dd 標籤的用法(二)

< /dd>用來建立列表中最下層專案
  < dt>< /dt>和< dd>< /dd>都必須放在< dl>< /dl>標誌對之間。
解釋下這裡為什麼說dt和dd分別建立上層和下層的專案。dt和dd如果不加浮動的話,是自己在一行的,也就是塊元素。所以這裡寫的是上層和下層。

1:dl <wbr>dt <wbr>dd <wbr>標籤的用法(二)

看下原始碼:
dl <wbr>dt <wbr>dd <wbr>標籤的用法(二)
這裡我說下,以前的時候我都是用li然後寫個img標籤
p標籤這樣寫。現在看看 還是用dl dt dd 比較好,看著比較規整。比ul li 簡單多了。

2:
dl <wbr>dt <wbr>dd <wbr>標籤的用法(二)

dl <wbr>dt <wbr>dd <wbr>標籤的用法(二)

這裡說下,dt和dd 大部分都是在寫一些簡單的,但是因為是兩個在屬性方面比li好用的很多商品名稱:橡皮 這樣的可以寫上樣式。當然不屑也可以直接寫商品屬性:橡皮也沒問題,但是如果需要字型變粗什麼的,顯然dt dd 好用的多