常用列表標簽
在書寫HTML文檔時，遇到相同類型的內容，需要考慮用列表來實現（導航、排名、相關文章等），
通常情況下使用的列表有三種，有序列表、無序列表和自定義列表。
一、有序列表ol
有序列表：有一定時間、先后、高低等順序，如排名、熱度，
ol，order list
只有一個類型的子元素
li，list item
搜索熱點
<!-- 默認排序樣式 -->
<ol>
<li>HTC區塊鏈手機</li>
<li>軍運會獎牌榜第一</li>
<li>切爾西1-0紐卡</li>
<li>微信錢包銀行儲蓄</li>
<li>小學生偷開奧迪</li>
</ol>
<!-- 按大寫字母排序 -->
<ol type="A">
<li>HTC區塊鏈手機</li>
<li>軍運會獎牌榜第一</li>
<li>切爾西1-0紐卡</li>
<li>微信錢包銀行儲蓄</li>
<li>小學生偷開奧迪</li>
</ol>
<!-- 按小寫字母排序 -->
<ol type="a">
<li>HTC區塊鏈手機</li>
<li>軍運會獎牌榜第一</li>
<li>切爾西1-0紐卡</li>
<li>微信錢包銀行儲蓄</li>
<li>小學生偷開奧迪</li>
</ol>
<!-- 按大寫羅馬數字排序 -->
<ol type="I">
<li>HTC區塊鏈手機</li>
<li>軍運會獎牌榜第一</li>
<li>切爾西1-0紐卡</li>
<li>微信錢包銀行儲蓄</li>
<li>小學生偷開奧迪</li>
</ol>
<!-- 按小寫羅馬數字排序 -->
<ol type="i">
<li>HTC區塊鏈手機</li>
<li>軍運會獎牌榜第一</li>
<li>切爾西1-0紐卡</li>
<li>微信錢包銀行儲蓄</li>
<li>小學生偷開奧迪</li>
</ol>
二、無序列表ul
無序列表：類別相同，但沒有具體的順序，一般用於導航欄、相關資，
ul，unorder list
只有一個類型的子元素
li，list item
相關資訊
<!-- 以下單詞內容批量隨機生成無意義 -->
<!-- 和不設置type一樣，默認前置符號 -->
<ul type="disc">
<li>Temporibus asperiores incidunt laborum.</li>
<li>Odit repellat placeat blanditiis!</li>
<li>Sit ipsam error consequatur.</li>
<li>Deserunt beatae molestiae assumenda.</li>
<li>Reiciendis aut deserunt soluta?</li>
</ul>
<!-- 清除前置符號 -->
<ul type="none">
<li>Lorem ipsum dolor sit.</li>
<li>Illo aliquid consequatur unde?</li>
<li>Est sequi quia nulla.</li>
<li>Voluptate enim officiis quas.</li>
<li>Iusto, et. Eos, nam.</li>
</ul>
<!-- 設置空心圓符號 -->
<ul type="circle">
<li>Maxime incidunt temporibus mollitia?</li>
<li>Reprehenderit optio quibusdam ad.</li>
<li>Natus labore impedit placeat?</li>
<li>Tenetur rerum illum repellat!</li>
<li>Ipsum officia laudantium distinctio!</li>
</ul>
<!-- 設置實心方塊符號 -->
<ul type="square">
<li>Veritatis id voluptatem vitae.</li>
<li>Accusamus corrupti voluptate officiis?</li>
<li>Exercitationem voluptatibus alias quod.</li>
<li>Aut cumque ipsa dignissimos.</li>
<li>Distinctio commodi eaque soluta?</li>
</ul>
三、自定義列表dl
自定義列表：一般用於名詞解釋，用的蠻少的，
dl，defined list
dt，表示關鍵字（詞）
dd，表示對dt的描述內容
名詞解釋
<dl>
<dt>計算機
<dd>Lorem, ipsum dolor.</dd>
</dt>
<dt>CPU
<dd>Quasi, aut beatae.</dd>
</dt>
<dt>主板
<dd>Quam, assumenda fugit.</dd>
</dt>
</dl>
<dl>
<dt>計算機</dt>
<dd>Lorem, ipsum dolor.</dd>
<dt>CPU </dt>
<dd>Quasi, aut beatae.</dd>
<dt>主板 </dt>
<dd>Quam, assumenda fugit.</dd>
</dl>
兩種一樣的喲，都認識
四、列表嵌套
不管是有序無序還是自定義列表，列表項內部都可以使用段落、換行符、圖片、鏈接以及其他列表等等。
使用其他列表，就是列表嵌套
到底有序套無序還是無序套有序，甚至相互套來套去...就看你喜歡和需求了。
列表嵌套
<ul>
<li>咖啡</li>
<ol type="a">
<li>紅茶</li>
<li>綠茶</li>
</ol>
<li>茶
<ol type="A">
<li>紅茶</li>
<li>綠茶</li>
</ol>
</li>
<li>牛奶
<ul type="circle">
<li>酸奶</li>
<li>純牛奶</li>
</ul>
</li>
</ul>
五、總結
基本上常用就這三個常用的列表，還有目錄列表之類，功能重復，漸漸就不用了。列表前面符號也可以換成圖標小圖片，不過要依賴CSS幫助了。
上面說過ol或者ul只有一個子元素li，但是最后嵌套的時候，我用了一個ol和li並列作為列表的子元素，結果瀏覽器識別出了我“”想要的“”結果，這是不可取的。
其實你寫一些其他標簽，它也能顯示出來，雖然瀏覽器能識別，但是最好別這么寫。這是風格，規范問題。
就好像人與人相處，都講究禮貌待人，但是總有那么些人不是那么好相處，可以嗎？好像也沒什么不可以。但是禮貌總是好的。
所以最好按照一般規范、規則書寫，代碼寫多了，風格和規范是很重要的，很重要的，很重要的。