不同的非順序清單編號(hào)形式
在HTML中,非順序清單(unordered list)中的每一項(xiàng)前面的編號(hào)總是由一個(gè)黑點(diǎn)構(gòu)成。這與有序清單(ordered list)中的編號(hào)具有邏輯性的特點(diǎn)不同。然而,在使用非順序清單時(shí),有時(shí)我們
在HTML中,非順序清單(unordered list)中的每一項(xiàng)前面的編號(hào)總是由一個(gè)黑點(diǎn)構(gòu)成。這與有序清單(ordered list)中的編號(hào)具有邏輯性的特點(diǎn)不同。然而,在使用非順序清單時(shí),有時(shí)我們希望能夠改變編號(hào)的形式,以給用戶提供更多選擇。
默認(rèn)的無(wú)序清單形式
無(wú)序清單使用lt;ulgt;標(biāo)簽開始,并以lt;/ulgt;結(jié)束。在無(wú)序清單中,每一項(xiàng)都使用lt;ligt;標(biāo)簽。正如其名所示,無(wú)序清單中的每一項(xiàng)前面的編號(hào)只是一個(gè)黑點(diǎn)。與此相對(duì),有序清單則有默認(rèn)的數(shù)字編號(hào)。
改變整個(gè)無(wú)序清單的編號(hào)形式
如果我們想要改變整個(gè)無(wú)序清單的編號(hào)形式,可以在lt;ulgt;標(biāo)簽中添加type屬性,并設(shè)置參數(shù)為不同的值。通過(guò)這種方式,我們可以改變整個(gè)清單中的所有項(xiàng)的編號(hào)形式。例如,我們可以將type屬性設(shè)置為"square",從而使編號(hào)變?yōu)檎叫?,如下圖所示。
修改單獨(dú)一項(xiàng)的編號(hào)形式
除了改變整個(gè)無(wú)序清單的編號(hào)形式,我們還可以單獨(dú)修改某一項(xiàng)前面的編號(hào)形式。這時(shí),我們需要將type屬性添加在lt;ligt;標(biāo)簽內(nèi)部。相比于上述的type類型,lt;ligt;標(biāo)簽中的type屬性有更多選項(xiàng),甚至包括有序清單中的type類型。通過(guò)這種方式,我們可以實(shí)現(xiàn)對(duì)單獨(dú)一項(xiàng)的編號(hào)形式進(jìn)行調(diào)整。效果如下圖所示。
結(jié)論
通過(guò)在HTML中使用不同的type屬性,我們可以改變非順序清單中每項(xiàng)前面的編號(hào)形式。無(wú)論是修改整個(gè)清單的編號(hào)形式,還是單獨(dú)調(diào)整某一項(xiàng)的編號(hào)形式,都為用戶提供了更多選擇,以滿足不同的需求。