Skip to main content

无序列表 unordered-list

Docs

无序列表​

HTML <ul> 元素表示一系列无序的列表项目，通常渲染为项目符号列表。

  • ul（unordered list）：无序列表，直接子元素只能是 li
  • li（list item）：列表中的每一项

属性​

此元素包含全局属性。

  • compact 已弃用 非标准

    此布尔属性提示列表是否需要被渲染为更紧凑的样式。用户代理决定如何解释这个属性，且并非所有浏览器都支持它。

    注意

    不要使用这个属性，因为它已经被废弃了：请使用 CSS 来更改样式。如果想达到与 compact 属性相同的效果，将 CSS 属性 line-height 的值设为 80% 即可。

  • type 已弃用 非标准

    用于设置列表的着重号样式，定义于 HTML3.2 和过渡版本 HTML 4.0/4.01 中的可用值有：

    • circle
    • disc
    • square

    存在第四种定义于 WebTV 接口的着重号样式，但并不是所有浏览器都支持：triangle。

    如果未设置此 HTML 属性且没有 CSS list-style-type 属性作用于这个元素，用户代理会决定使用哪种着重号样式，一般来说这也和嵌套的层级数有关。

    注意

    不要使用这个属性，它已经被废弃了：请使用 CSS list-style-type 属性作为代替。

使用说明​

  • <ul> 元素用来将没有数字顺序的一组数据进行分组，并且它们的数字顺序是没有意义的。举个例子，无序列表的列表项通常通过一个字符进行装饰，这些字符的形式可以是点，圆乃至方形。虽然这个字符没有直接在页面上定义，但是可以用与之相关的 CSS 对其进行操作，例如使用 list-style-type 属性。
  • <ul> 和 <ol> 元素可以嵌套任意深度。此外，嵌套列表可以不受限制地在 <ol> 和 <ul> 之间交替使用。
  • <ol> 和 <ul> 元素二者都代表一组数据，不过它们彼此是有区别的，<ol> 元素中的顺序是有意义的。如果想确定到底需要使用哪一个列表元素，可以试着去改变数据的顺序。如果想表达的语义改变了，就需要使用 <ol> 元素，否则该使用 <ul> 元素。

示例​

Loading Github Gist ...
Details