这篇翻译不完整。请帮忙从英语翻译这篇文章

The HTML <ul> 元素 ( 或 HTML 无序列表元素 代表多项的无序列表,即无数值排序项的集合,且它们在列表中的顺序是没有意义的。通常情况下,无序列表项的头部可以是几种形式,如一个点,一个圆形或方形。头部的风格并不是在页面的HTML描述定义, 但在其相关的CSS 可以用 list-style-type 属性。

列表元素也没有任何的景深和层叠的限制去定义<ol><ul> 元素.

使用说明: <ol><ul> 元素代表了一个列表的对象. 它们的区别在于, 对于 <ol> 元素, 这个顺序是有意义的. 用你的经验去决定使用哪一个,尝试改变列表项目顺序; 如果列表项的意义改变了, <ol> 元素需要被使用, 否则你就用<ul>.

使用文本

内容分类 流文本
允许的内容 0 或者 更多 <li> 元素, 甚至可以混合使用 <ol><ul> 元素.
标签省略 否, 必须强制使用开始和结束标签
允许的父元素 接受流文本的任何内容
DOM接口 HTMLUListElement

属性

该元素包含全局属性.

compact
这个布尔属性提示列表需要被渲染成一个compact的样式. (浏览器)如何解释这个属性 取决于用户代理,但是并非所有浏览器都支持.
使用说明: 不要使用这个属性, 因为它已经被废弃了:  <ul> 元素需要使用 CSS. (CSS)会提供相同的效果就像compact属性一样,  CSS 属性 line-height 可以使用类似80%的(百分数形式).
type
用于设置列表的着重号样式 ,值被定义在 HTML3.2 和过渡版本  HTML 4.0/4.01 的是:
  • circle,
  • disc,
  • and square.

第四种着重号样式被定义在 WebTV 接口中, 但并不是所有浏览器都支持: triangle.

如果不存在 并且没有 CSS list-style-type 属性作用于这个元素, 用户代理决定使用哪种着重号样式 取决于列表嵌套的层级。

使用说明: 不要使用这个属性,它已经被废弃了; 使用 CSS list-style-type 属性代替.

实例

简单的例子

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

以上HTML输出:

  • first item
  • second item
  • third item

嵌套列表

<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>
  </li>               <!-- Here is the closing </li> tag -->
  <li>third item</li>
</ul>

以上HTML输出:

  • first item
  • second item
    • second item first subitem
    • second item second subitem
      • second item second subitem first sub-subitem
      • second item second subitem second sub-subitem
      • second item second subitem third sub-subitem
    • second item third subitem
  • third item

嵌套 <ul> 和 <ol>

<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>
  </li>                <!-- Here is the closing </li> tag -->
  <li>third item</li>
</ul>

以上HTML输出:

  • first item
  • second item
    1. second item first subitem
    2. second item second subitem
    3. second item third subitem
  • third item

参见

  • 其他列表相关的HTML元素: <ol>, <li>, <menu> 和绝对元素 <dir>;
  • 特别作用于 <ul>元素的CSS属性:
    •  list-style 属性, 作用于选择哪种序数的样式来显示,
    • CSS counters, 作用于操作复杂的嵌套列表,
    •  line-height 属性, 作用于模拟过时的 compact 属性,
    •  margin 属性, 作用于控制列表的缩进.

文档标签和贡献者

此页面的贡献者: Eternaldeath, kgojiwong, Invar, Ende93
最后编辑者: Eternaldeath,