HTML中dl、ul、ol用哪個比較好？
這裡是修真院前端小課堂，每篇分享文從
【背景介紹】【知識剖析】【常見問題】【解決方案】【編碼實戰】【擴充套件思考】【更多討論】【參考文獻】
八個方面深度解析前端知識/技能，本篇分享的是：
【HTML中dl、ul、ol用哪個比較好？】
標題：
【修真院xx（職業）小課堂】課題名稱
HTML中dl、ul、ol用哪個比較好？
開場語：
大家好，我是IT修真院上海分院第10期的學員林璇，一枚正直純潔善良的程式設計師，今天給大家分享一下，修真院官網WEB（職業）任務一，深度思考中的知識點——HTML中dl、ul、ol用哪個比較好？
（1）背景介紹：
什麼是dl標籤
dl標籤就是定義列表，英文的單詞是 definition list
接下來還有definition title dt 列表的標題 這個標籤是必須要的
definition description 列表的列表項，如果不需要它，可以不加 dd
就是說，dt、dd只能在dl裡面；dl裡面只能有dt、dd。
什麼是ul標籤
無序列表 unordered list，“無序列表”的意思。
無序列表中的每一項是li標籤
li：list item，“列表項”的意思。
什麼是ol標籤
有序列表ol 英文單詞：Ordered List。
裡面的每一項都是li標籤
（2）知識剖析：
列表
dl標籤的作用非常大，在很多的大型網站上面都用它
上圖可以看出，定義列表表達的語義是兩層：
（1）是一個列表，列出了幾個dd專案
（2）每一個詞兒都有自己的描述項。
ul標籤
li不能單獨存在，必須包裹在ul裡面；反過來說
ul的“兒子”不能是別的東西，只能有li。
我們這裡再次強調，ul的作用，並不是給文字增加小圓點的，
而是增加無序列表的“語義”的。
ol標籤
和無序列表一樣，有序列表也是可以巢狀的哦
ol和ul就是語義不一樣，怎麼使用都是一樣的
ol裡面只能有li，li必須被ol包裹。li是容器級。
（3）常見問題：
如何去除黑點
（4）解決方案：
list-style-type: none;
（5）編碼實戰：
寫上list-style-type: none;這個就是直接清楚黑點的樣式了
（6）拓展思考：
如何去修改li標籤的其他樣式呢？
我們知道li標籤是存在於ol或者ul裡面的
我們可以在裡面設定屬性
list-style-type: square;
（7）參考文獻：
部落格
b站視訊
（8）更多討論：
Q1：提問人：問題？
1.京東官網的哪部分是用了ul標籤去做的呢？
A1：答
1.官網左邊的物品欄和導航欄部分都是用ul標籤做的
Q2：提問人：問題？
2.還有什麼網站是用到了Ul標籤和定義列表dl標籤呢？
A2：答
2.淘寶網站，和噹噹網都有的，只要有導航欄的地方
Q3：提問人：問題？
3.dt、dd都是容器級標籤，想放什麼都可以所以用什麼標籤是由什麼來決定的呢？
A3：答
3.而是語義（語義本質上是結構）。
（9）鳴謝：
感謝王剛師兄，此教程是在他們之前技術分享的基礎上完善而成。
（10）結束語：
今天的分享就到這裡啦，歡迎大家點贊、轉發、留言、拍磚~
更多內容，可以加入IT交流群565734203與大家一起討論交流
這裡是技能樹·IT修真院：https://www.jnshu.com，初學者轉行到網際網路的聚集地