【9】HTML基礎(3)——HTML常用標籤⑤
阿新 • • 發佈:2021-01-31
【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
內部可以放多組dt
和dd
,每個dd
解釋說明的是前面的距離最近的一個dt
;3.每個
dt
後面可以有0到多個解釋項的dd
,每個dd
解釋的都是前面距離最近的一個dt
;4.
dt
和dd
標籤也是容器級標籤,內部可以放置任意內容;5.定義列表中的縮排樣式由css負責,標籤只負責搭建語義結構;
6.配合著css佈局效果,最好每個dl中只新增一組dt和dd,便於後期管理。
下篇繼續…