1. 程式人生 > 其它 >【9】HTML基礎(3)——HTML常用標籤⑤

【9】HTML基礎(3)——HTML常用標籤⑤

技術標籤:前端學習中htmlhtml5

【9】HTML基礎(3)——HTML常用標籤⑤

★文章內容學習來源:拉勾教育大前端就業集訓營

十、定義列表標籤

列表用於製作HTML中的一系列專案;
通常我們會將內容相關、結構相似、樣式相近的內容使用列表結構進行搭建;
根據專案的內容不同,可以有三種語義的列表結構:無序列表、有序列表、定義列表;
常見列表情況:

③定義列表來源:京東網頁
(一)語法:
1.自定義列表不僅僅是一列專案,而是專案及其註釋的組合;
2.由三個標籤組成完整的結構,包含<dl><dt><dd>
dl:definition list,表示定義一個自定義列表的大結構‘

dt:definition term,表示定義自定義列表中的一個主題或者術語;
dd:definition description,定義解釋項,表示描述或解釋前面的定義主題;
3.<dl>內部只能巢狀<dt><dd><dt><dd>是同級關係。

<dl>
<dt>主題</dt>
<dd>解釋項</dd>
</dl>

在這裡插入圖片描述

(二)注意事項
1.<dl>內部只能巢狀<dt><dd><dt><dd>不能脫離<dl>

單獨書寫;
2.dl內部可以放多組dtdd,每個dd解釋說明的是前面的距離最近的一個dt
3.每個dt後面可以有0到多個解釋項的dd,每個dd解釋的都是前面距離最近的一個dt
4.dtdd標籤也是容器級標籤,內部可以放置任意內容;
5.定義列表中的縮排樣式由css負責,標籤只負責搭建語義結構;
6.配合著css佈局效果,最好每個dl中只新增一組dt和dd,便於後期管理

下篇繼續…