<ul>
HTML <ul> 標籤
#實例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <h4>无序列表:</h4> <ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> </body> </html>
執行實例»
點擊"運行實例" 按鈕查看線上實例
瀏覽器支援
所有主流瀏覽器都支援< ul> 標籤。
標籤定義並使用說明
<ul> 標籤定義無序列表。
將 <ul> 標籤與 <li> 標籤一起使用，建立無序列表。
提示與註解
提示：使用 CSS 為清單定義樣式。
提示：使用<ol> 標籤建立有序列表。
HTML 4.01 與 HTML5之間的差異
在 HTML 4.01 中，"compact" 和 "type" 屬性 已廢棄。 HTML5 則不支援兩個屬性。
屬性
| 屬性 | #值 | 描述 |
|---|---|---|
| compact | compact | HTML5 不支援。 HTML 4.01 已廢棄。 規定清單呈現的效果比正常情況更小。 |
| type | disc # square circle | HTML5 不支援。 HTML 4.01 已廢棄。 規定清單的項目符號的類型。 |
全域屬性
<ul> 標籤支援 HTML 的全域屬性。
事件屬性
<ul> 標籤支援 HTML 的事件屬性。
嘗試 - 實例
巢狀清單
本範例示範如何巢狀清單。
實例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <h4>嵌套列表：</h4> <ul> <li>Coffee</li> <li>Tea <ul> <li>Black tea</li> <li>Green tea</li> </ul> </li> <li>Milk</li> </ul> </body> </html>
運行實例»
點擊"運行實例" 按鈕查看線上實例
嵌套清單2
本範例示範更複雜的嵌套清單。
實例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <h4>嵌套列表：</h4> <ul> <li>Coffee</li> <li>Tea <ul> <li>Black tea</li> <li>Green tea <ul> <li>China</li> <li>Africa</li> </ul> </li> </ul> </li> <li>Milk</li> </ul> </body> </html>
運行實例»
點擊"運行實例" 按鈕查看線上實例
相關文章
HTML 教學：HTML 清單
