HTML <ul> 標(biāo)簽

2022-06-01 16:13 更新

<ul> 標(biāo)簽表示HTML頁(yè)面中項(xiàng)目的無(wú)序列表,一般會(huì)以項(xiàng)目符號(hào)列表呈現(xiàn),請(qǐng)參考下述例子:

實(shí)例

無(wú)序 HTML 列表:

<ul>
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ul>           

嘗試一下 ?
(更多實(shí)例見(jiàn)頁(yè)面底部)

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持 <ul> 標(biāo)簽。


標(biāo)簽定義及使用說(shuō)明

<ul> 標(biāo)簽定義無(wú)序列表。

將 <ul> 標(biāo)簽與 <li> 標(biāo)簽一起使用,創(chuàng)建無(wú)序列表。


提示和注釋

提示:使用 CSS 為列表定義樣式。

提示:使用 <ol> 標(biāo)簽創(chuàng)建有序列表。


HTML 4.01 與 HTML5之間的差異

在 HTML 4.01 中,"compact" 和 "type" 屬性已廢棄。HTML5 則不支持著兩個(gè)屬性。


屬性

屬性 描述
compact compact HTML5 不支持。HTML 4.01 已廢棄。 規(guī)定列表呈現(xiàn)的效果比正常情況更小巧。
type disc
square
circle
HTML5 不支持。HTML 4.01 已廢棄。 規(guī)定列表的項(xiàng)目符號(hào)的類型。


全局屬性

<ul>標(biāo)簽支持HTML 的全局屬性


事件屬性

<ul> 標(biāo)簽支持HTML 的事件屬性。


Examples

嘗試一下 - 實(shí)例

嵌套列表
本例演示如何嵌套列表。

嵌套列表 2
本例演示更復(fù)雜的嵌套列表。


相關(guān)文章

HTML 教程:HTML 列表

CSS 教程:CSS列表樣式(ul)


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)