1. 程式人生 > >#前端學習#------列表標籤

#前端學習#------列表標籤

由於本人也是初學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標籤中繼續放其他標籤