HTML 参考手册

HTML 标签大全

HTML: <ul> 标签

HTML <ul>标签在HTML文档中定义了无序列表。该标签通常也称为 <ul>元素。

在线示例

ul无序 HTML 列表:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML ul标签的使用(菜鸟教程 (cainiaoplus.com))</title>
</head>
<body>
<ul>
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
  <li>Fourth item</li>
</ul>
</body>
</html>
测试看看 ‹/›

在这个HTML5文档示例中,我们使用<ul>标签创建了一个无序列表,其中包含在四个<li>标签中找到的四个列表项。

浏览器兼容性

IEFirefoxOperaChromeSafari

所有主流浏览器都支持 <ul> 标签。

标签定义及使用说明

<ul> 标签定义无序列表。

将 <ul> 标签与 <li> 标签一起使用,创建无序列表。

ul>标签由<li>标签组成。

当列表项没有数字顺序时,请使用<ul>标记。

您可以嵌套<ol>,<ul>和<menu>列表。

提示和注意

提示:使用 CSS 为列表定义样式。

提示:使用<ol> 标签创建有序列表。

HTML 4.01 与 HTML5之间的差异

在 HTML 4.01 中,"compact" 和 "type" 属性 已废弃。HTML5 则不支持着两个属性。

属性

属性描述
compactcompactHTML5 不支持。HTML 4.01 已废弃。 指定列表呈现的效果比正常情况更小巧。
typedisc
square
circle
HTML5 不支持。HTML 4.01 已废弃。 指定列表的项目符号的类型。

全局属性

<ul> 标签支持 HTML 的全局属性

事件属性

<ul> 标签支持 HTML 的事件属性

尝试在线示例

不同类型的无序列表
本示例演示不同类型的无序列表。

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

嵌套列表 2
本示例演示更复杂的嵌套列表。

自定义列表
本示例演示一个定义列表。

相关文章

HTML 教程:HTML 列表