:无序列表元素 - HTML(超文本标记语言)

<ul>:无序列表元素 - HTML(超文本标记语言)

    :无序列表元素Baseline Widely availableThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

    Learn moreSee full compatibilityReport feedbackHTML

      元素表示无序的项目列表,通常渲染为项目符号列表。

      尝试一下

      • Milk
      • Cheese

        • Blue cheese
        • Feta

      li {

      list-style-type: circle;

      }

      li li {

      list-style-type: square;

      }

      属性此元素包含全局属性。

      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 属性作为代替。

      使用说明

        元素用来将没有数字顺序的一组数据进行分组,并且它们的数字顺序是没有意义的。举个例子,无序列表的列表项通常通过一个字符进行装饰,这些字符的形式可以是点,圆乃至方形。虽然这个字符没有直接在页面上定义,但是可以用与之相关的 CSS 对其进行操作,例如使用 list-style-type 属性。

            元素可以嵌套任意深度。此外,嵌套列表可以不受限制地在
                之间交替使用。

                    元素二者都代表一组数据,不过它们彼此是有区别的,
                      元素中的顺序是有意义的。如果想确定到底需要使用哪一个列表元素,可以试着去改变数据的顺序。如果想表达的语义改变了,就需要使用
                        元素,否则该使用
                          元素。

                          示例简单的示例html

                          • 第一项
                          • 第二项
                          • 第三项

                          结果

                          嵌套列表html

                          • 第一项
                          • 第二项

                            • 第二项第一子项
                            • 第二项第二子项

                              • 第二项第二子项第一子子项
                              • 第二项第二子项第二子子项
                              • 第二项第二子项第三子子项

                            • 第二项第三子项

                          • 第三项

                          结果

                          无序列表中的有序列表html

                          • 第一项
                          • 第二项

                            1. 第二项第一子项
                            2. 第二项第二子项
                            3. 第二项第三子项

                          • 第三项

                          结果

                          技术概要

                          内容分类

                          流式内容,如果

                            元素的子元素包含至少一个
                          • 元素,则为可感知内容。

                            允许的内容

                            0 或多个

                          • 元素、