HTML中的無序列表講解(菜鳥)


什么是列表標簽?

1.列表標簽的作用:給一堆數據添加列表語義,也就是告訴搜素引擎告訴瀏覽器這一堆數據是一個整體。

2.HTML中列表標簽的分類

  2.1無序列表(最多人用)(unordered list)

  2.2有序列表(最少人用)(ordered list)

  2.3定義列表(其次)(definition list)

3無序列表作用:

給一堆數據添加列表語義,並且這一堆數據所有的數據都沒有先后之分

什么叫先后之分?

例如:排行榜

什么叫沒有先后之分?

例如:中國的所有城市

 

4.無序列表格式:

<ul>
    <li>需要顯示的條目內容</li>
</ul>

li其實是英文list item的縮寫

list是列表的意思

item是條目的意思

所以結合起來就是列表條目的意思

例子:

<h2>中國的城市:</h2>
<ul>
    <li>北京</li>
    <li>上海</li>
    <li>廣州</li>
    <li>武漢</li>
</ul>

 

5.注意點

  5.1一定要記住ul標簽是用來給一堆數據添加列表語義的,而不是用來給他們添加小圓點的

  5.2ul標簽和li標簽是一個整體,是一個組合,所有一般情況下ul標簽和li標簽都是一起出現,不會單個出現,也就是說不會單獨使用一個ul標簽或者單獨使用一個li標簽,都是結合在一起使用的

  5.3由於ul標簽和li標簽是一個組合,所有ul標簽中不推薦包含其他標簽,也就是說以后你在ul標簽中只會看到li標簽

無序列表適用場景(舉例):

1.新聞列表

2.商品列表

3.導航條


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM