HTML-ol-标签-的详细用法

50次阅读

共计 747 个字符,预计需要花费 2 分钟才能阅读完成。

HTML <ol> 标签功能

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

使用 <li> 标签来定义列表选项。


HTML <ol> 标签使用

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 <ol> 标签演示

<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

<ol start=”50″>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>


浏览器支持

目前大多数浏览器支持 <ol> 标签。


提示和注释

  • 提示:如果需要无序列表,请使用 <ul> 标签。
  • 提示:使用 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
规定列表的类型。不赞成使用。请使用样式代替。

全局属性

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


事件属性

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


本文参考 HTML 中文帮助文档

正文完
 0