HTML5第七講:列表元素及標記、元素、節點的區別

HTML5第七講:列表元素及標記、元素、節點的區別

圖1

HTML5第七講:列表元素及標記、元素、節點的區別

圖2

列表可以使描述內容條理清晰、排列有序。HTML5中提供了三種列表,分別為無序列表(ul)、有序列表(ol)、定義列表(dl)。

無序列表(ul)中的各項沒有順序,如可以用於導航欄,選單欄等。HTML5中ul標記不支援type屬性;

  • 之間可以新增任何標記,類似於一個容器;每對ul標記中至少包含一對li標記。如圖1中13—18行,效果如圖2對應位置,列表項前會有一個小黑圓點。

    有序列表(ol)中的各項有順序,預設順序根據列表項從上至下排列,如可以展示排行榜,注意事項等。每對ul標記中也需至少包含一對li標記。HTML5中ol標記上還支援屬性start和reversed,start標記用來設定列表項的起始編號,新增reversed屬性後表示列表項的編號遞減,預設情況下無此屬性時列表順序為遞增。

    無序列表與有序列表中的列表項沒有專案符號。

    指定定義列表,語法如下:
    名詞
    名詞解釋1
    名詞解釋2
    。dt與dd並列巢狀dl,一對dt可以對應多對dd。如圖1中28—38行,
    標記相對於
    標記會有縮排效果。

    像選單中一級列表中有二級列表,甚至三級列表,這個時候可以使用列表進行巢狀。如圖1中40—57行就是一個巢狀列表,列表“季節”中嵌套了一個有序列表,列表“水果”中嵌套了一個無序列表,此無序列表前面是一個空心小圓圏,樣式可以透過list-style來更改,其屬性值可以為none:無標記符號,

    disc:實心圓(預設),circle:空心圓,square:實心正方形,decimal:數字。

    標記有時候也叫做標籤。節點(node)是構成我們網頁的最基本的組成部分,網頁中的每一個部分都可以稱為是一個節點。如: html 元素、屬性、文字、註釋、整個文件等都是一個節點。HTML中的節點有四種類型,文件節點:表示整個html;元素節點:

    表示標籤及其所包含的內容

    ;屬性節點:HTML 標記中的屬性;文字節點:標籤中的內容文字。