#前端學習#------列表標籤
由於本人也是初學HTML,以下都為本人學習過程中分點整理的知識點,希望共同進步,不足之處望指出批正。
1.什麼是列表標籤
-作用:給一堆資料新增列表語義,也就是告訴瀏覽器這一堆資料是一個整體
2.HTML中列表標籤的分類
-無序列表(使用最多)unordered list
-有序列表(使用最少)ordered list
-定義列表(使用其次)definition list
3.無序列表
-作用:給一堆資料新增列表語義,並且這一堆資料中所有的資料沒有先後之分
-格式:<ul>
<li>需要展示的條目內容</li>
</ul>
-注意點:1.一定要記住ul標籤是用來給一堆資料新增列表語義的,而不是用來給他們加小圓點的
2.ul標籤和li標籤是一個整體,一般情況下ul標籤和li標籤都是一起出現,不會單個出現
3.ul標籤中不推薦包含其他標籤,在ul標籤中只會看到li標籤
4.可以在li標籤中新增其他標籤來豐富我們的介面
4.有序標籤
-作用:給一堆資料新增列表語義,並且這一堆資料中的所有資料都有先後之分
-格式:<ol>
<li>需要顯示的條目</li>
</ol>
-注意點:和無序列表差不多
5.定義列表
-作用:1.給一堆資料新增列表語義
2.先通過dt標籤定義列表中的所有標題,再通過dd標籤給每一個標題新增描述資訊
-格式:
<dl>
<dt>需要顯示的條目內容</dt>
<dd>需要顯示的條目內容的描述資訊</dd>
</dl>
-注意點:1.dl和dd/dt是一個整體,一般情況下不會單獨出現,都是一起出現
2.dl和dd/dt是一個組合標籤,所以dl中建議只放dt和dd標籤
3.一個dt可以沒有對應的dd,也可以有多個對應的dd,但是都不推薦這樣使用,只推薦使用一個dt對應一個dd
4.和li標籤一樣,當需要豐富介面時,我們可以在dt和dd標籤中繼續放其他標籤