大多數網頁的內容,都可以由標題與段落構成,但若是文字太長,整篇文章會讓人覺得冗長,更別說會看完。
這種時候,將這段文字適當的切分整理成清單項目便是一個解決方法。
然而,除了文章內文段落,一般網頁看到的導覽列也多是用項目清單製作的。
那麼,項目清單到底是甚麼,怎麼使用呢 ? 快來解答吧!
-------------------------------------------------------------------------------------------------------------------------------
項目清單又分為 3 類:
(ul) 無序清單 (ol) 有序清單 (li) 清單 (dl) 定義列表清單
這篇文章我們先講這 (ul) 無序清單 (ol) 有序清單 (li) 清單 這三者之間的關聯性。
(ul) 無序清單+(li) 清單 = 項目符號 (實心圓、空心圓、方塊)
語法 :
<ul>
<li>方塊圓點項目符號1</li>
<li>方塊圓點項目符號1</li>
<li>方塊圓點項目符號1</li>
</ul>
呈現:
- 方塊圓點項目符號1
- 方塊圓點項目符號2
- 方塊圓點項目符號3
(ol) 有序清單+(li) 清單 = 編號清單 (阿拉伯數字、英文數字)
語法 :
<ol>
<li>阿拉伯數字1</li>
<li>阿拉伯數字2</li>
<li>阿拉伯數字3</li>
</ol>
呈現:
語法 :
<ol>
<li>阿拉伯數字1</li>
<li>阿拉伯數字2</li>
<li>阿拉伯數字3</li>
</ol>
呈現:
- 阿拉伯數字1
- 阿拉伯數字2
- 阿拉伯數字3