列表標簽概述

• 特點：整齊、整潔、有序，用來布局會更加自由和方便
• 列表的分類：無序列表、有序列表、自定義列表

無序列表

無序列表的基本語法格式如下： <ul><li>列表項1</li><li>列表項2</li><li>列表項3</li> </ul>注意： 1、無序列表的各個列表項之間是并列的，沒有順序級別之分； 2、<ul></ul>中只能嵌套<li></li>，直接在<ul></ul>標簽中輸入其他標簽或者文字的做法是不被允許的； 3、<li></li>之間相當于一個容器，可以容納所有元素； 4、無序列表標簽擁有自己的樣式屬性，但在實際中，我們通常會通過CSS來設置； 5、利用 list-style:none 可以去掉li前面的小圓點。

有序列表

有序列表的基本語法格式如下： <ol><li>列表項1</li><li>列表項2</li><li>列表項3</li> <ol>注意： 1、<ol></ol>中只能嵌套<li></li>，直接中<ol></ol>標簽中輸入其他標簽或者文字的做法是不被允許的； 2、<li></li>之間相當于一個容器，可以容納所有元素； 3、有序列表標簽擁有自己的樣式屬性，但在實際中，我們通常會通過CSS來設置。

自定義標簽

自定義列表的基本語法格式如下： <dl><dt>名詞1</dt><dd>名詞1解釋1</dd><dd>名詞1解釋2</dd> </dl>注意： 1、自定義列表可以用在很多地方，比如：某個網頁最底部提供的一些服務，像“幫助中心”可以看作是<dt></dt>標簽中要解釋的名詞，“賬戶管理”、“購物指南”、”訂單操作“等可以看作是<dd></dd>標簽中的內容，它是對“幫助中心”的解釋說明； 2、<dl></dl>里面只能包含<dt>和<dd>; 3、<dt>和<dd>個數是沒有限制的，但經常是一個<dt>對應多個<dd>。

---

微信公眾號也會同步發布，有興趣的朋友也可以加個關注！謝謝！（gh_a50712c8f292）

總結

以上是生活随笔為你收集整理的HTML 列表标签＜ol＞＜ul＞＜dl＞详解的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。