HTML <ol> 标签 的详细用法

1,519 阅读1分钟

HTML
    标签功能

    标签定义了一个有序列表。列表排序以数字来显示。

    使用

  1. 标签来定义列表选项。

    HTML
      标签使用

    2 个不同的有序列表实例:

    <ol>
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
    </ol>
    
    <ol start="50">
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
    </ol>
    

    HTML
      标签演示

    1. Coffee
    2. Tea
    3. Milk

    1. Coffee
    2. Tea
    3. Milk

    浏览器支持

    目前大多数浏览器支持

      标签。

      提示和注释

      • 提示: 如果需要无序列表,请使用
          标签。
        • 提示:使用 CSS 来定义列表样式。

        HTML4 与 HTML5 中的差异

        在 HTML4 中"start" 和 "type" 属性已经废弃,HTML5 不支持该属性。

        "reversed" 属性是 HTML5 中的新属性。

        在 HTML4 中"compact" 属性已经废弃,在 HTML5 中不支持该属性。

        属性

        New:HTML5 新属性。

        属性 描述
        compact compact HTML5 中不支持,不赞成使用。请使用样式取代它。 规定列表呈现的效果比正常情况更小巧。
        reversedNew reversed 指定列表倒序 (9,8,7...)
        start number HTML5 不支持,不赞成使用。请使用样式取代它。 规定列表中的起始点。
        type 1
        A
        a
        I
        i
        规定列表的类型。不赞成使用。请使用样式代替。

        全局属性

          标签支持全局属性,查看完整属性表 HTML 全局属性。

          事件属性

            标签支持所有 HTML 事件属性。