HTML中DL UL OL用哪個比較好?

2021-09-07 07:56:01 字數 980 閱讀 7929

這裡是修真院前端小課堂,每篇分享文從

八個方面深度解析前端知識/技能,本篇分享的是:

【 html中dl、ul、ol用哪個比較好?】

ul,ol,dl標籤是css網頁布局中常用的列表元素。

列表將具有相似特徵或先後順序的內容按照從上到下的順序排列起來

1.ul標籤:無序列表始於 u l 標籤。每個列表項始於l i標籤,此列專案預設使用粗體圓點(典型的小黑圓圈)進行標記。

無序列表

無序列表

無序列表

無序列表

2.ol標籤:有序列表始於ol標籤,每個列表項始於li標籤,列表專案使用數字進行標記。

有序列表

有序列表

有序列表

有序列表

3.dl標籤:dl標籤是定義列表,自定義列表不僅僅是一列專案,而是專案及其注釋的組合。自定義列表以 dl 標籤開始。每個自定義列表項以 dt 開始。每個自定義列表項的定義以 dd 開始。

自定義列表

自定義列表項

自定義列表項

自定義列表項

3.如何定義ul,ol,dl的樣式?

在樣式表中用list-style定義

disc實心圓,預設值

circle空心圓

square實心方塊

decimal阿拉伯數字

lower-roman小寫羅馬數字

upper-roman大寫羅馬數字

lower-alpha小寫英文本母

upper-alpha大寫英文本母

什麼情況下用ul,什麼情況下用ol?

ul經常用來實現輪播的小按鈕,下拉列表的各種要用來排列的列表,多個a標籤排列等,實用範圍非常廣。

而ol因為它的有序屬性,用的範圍就比較小了,不是一定要用有序來排列的情況下,一般都是用ul

w3school

HTML中dl ul ol用哪個比較好?

這裡是修真院前端小課堂,每篇分享文從 八個方面深度解析前端知識 技能,本篇分享的是 html中dl ul ol用哪個比較好?html中dl ul ol用哪個比較好?開場語 1 背景介紹 什麼是dl標籤 dl標籤就是定義列表,英文的單詞是 definition list 接下來還有definition...

HTML中dl ul ol用哪個比較好?

ul,ol,dl標籤是css網頁布局中常用的列表元素。列表將具有相似特徵或先後順序的內容按照從上到下的順序排列起來。1.ul標籤 無序列表始於 u l 標籤。每個列表項始於l i標籤,此列專案預設使用粗體圓點 典型的小黑圓圈 進行標記。2.ol標籤 有序列表始於ol標籤,每個列表項始於li標籤,列表...

HTML 列表中的dl,ul,ol區別及應用

無序列表是乙個專案的列表,此列專案使用粗體圓點 通常 進行標記。無序列表始於 ul 標籤。每個列表項始於 li 有序列表也是一列專案,列表專案使用數字進行標記。有序列表始於 ol 標籤。每個列表項始於 li 標籤。自定義列表不僅僅是一列專案,而是專案及其注釋的組合。自定義列表以 dl 標籤開始。每個...