<ul>: 无序列表元素

基线广泛可用

此功能已经成熟，并在许多设备和浏览器版本中正常运行。它从 2015 年 7 月.

<ul> HTML 元素表示一个无序项目列表，通常呈现为带项目符号的列表。

尝试一下

属性

此元素包含全局属性。

compact 已弃用

此布尔属性暗示列表应以紧凑样式呈现。此属性的解释取决于用户代理，并且并非在所有浏览器中都有效。

警告： 不要使用此属性，因为它已弃用：请改用 CSS。要实现与 compact 属性类似的效果，可以使用 line-height CSS 属性，其值为 80%。

type 已弃用

此属性设置列表的项目符号样式。在 HTML3.2 和 HTML 4.0/4.01 过渡版本中定义的值为

circle
disc
square

在 WebTV 界面中定义了第四种项目符号类型，但并非所有浏览器都支持它：triangle。

如果不存在，并且没有 CSS list-style-type 属性应用于元素，则用户代理会根据列表的嵌套级别选择项目符号类型。

警告： 不要使用此属性，因为它已弃用；请改用 CSS list-style-type 属性。

使用说明

<ul> 元素用于对没有数字顺序的一组项目进行分组，它们在列表中的顺序无关紧要。通常，无序列表项目以项目符号显示，项目符号可以有多种形式，例如点、圆圈或正方形。项目符号样式不在页面的 HTML 描述中定义，而是在其关联的 CSS 中定义，使用 list-style-type 属性。
<ul> 和 <ol> 元素可以根据需要进行嵌套。此外，嵌套列表可以在 <ol> 和 <ul> 之间交替使用，没有限制。
<ol> 和 <ul> 元素都代表一个项目列表。它们的区别在于，对于 <ol> 元素，顺序是有意义的。要确定使用哪一个，尝试更改列表项的顺序；如果含义发生改变，则应使用 <ol> 元素，否则可以使用 <ul>。

示例

简单示例

html

<ul>
  <li>first item</li>
  <li>second item</li>
  <li>third item</li>
</ul>

结果

嵌套列表

html

<ul>
  <li>first item</li>
  <li>
    second item
    <!-- Look, the closing </li> tag is not placed here! -->
    <ul>
      <li>second item first subitem</li>
      <li>
        second item second subitem
        <!-- Same for the second nested unordered list! -->
        <ul>
          <li>second item second subitem first sub-subitem</li>
          <li>second item second subitem second sub-subitem</li>
          <li>second item second subitem third sub-subitem</li>
        </ul>
      </li>
      <!-- Closing </li> tag for the li that
                  contains the third unordered list -->
      <li>second item third subitem</li>
    </ul>
    <!-- Here is the closing </li> tag -->
  </li>
  <li>third item</li>
</ul>

结果

无序列表中的有序列表

html

<ul>
  <li>first item</li>
  <li>
    second item
    <!-- Look, the closing </li> tag is not placed here! -->
    <ol>
      <li>second item first subitem</li>
      <li>second item second subitem</li>
      <li>second item third subitem</li>
    </ol>
    <!-- Here is the closing </li> tag -->
  </li>
  <li>third item</li>
</ul>

结果

技术摘要

内容类别	流内容，如果 `<ul>` 元素的子元素包含至少一个 `<li>` 元素，则为可感知内容。
允许的内容	零个或多个 `<li>`、`<script>` 和 `<template>` 元素。
标签省略	没有，开始标签和结束标签都是必需的。
允许的父元素	任何接受流内容的元素。
隐式 ARIA 角色	`list`
允许的 ARIA 角色	`directory`、`group`、`listbox`、`menu`、`menubar`、`none`、`presentation`、`radiogroup`、`tablist`、`toolbar`、`tree`
DOM 接口	`HTMLUListElement`

规范

规范
HTML 标准 # the-ul-element

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅

其他与列表相关的 HTML 元素：<ol>、<li>、<menu>
可能对 <ul> 元素进行样式设置特别有用的 CSS 属性
- list-style 属性，用于选择序数显示的方式。
- CSS 计数器，用于处理复杂的嵌套列表。
- line-height 属性，用于模拟已弃用的 compact 属性。
- margin 属性，用于控制列表缩进。