HTML ol标签 - 21技术

HTML <ol>标签

例子

2个不同的排序列表:

<ol>
  <li>咖啡</li>
  <li>茶</li>
  <li>牛奶</li>
</ol>

<ol start="50">
  <li>咖啡</li>
  <li>茶</li>
  <li>牛奶</li>
</ol>

定义和使用

<ol>标记定义了一个有序列表.有序列表可以是数字列表,也可以是字母列表.

使用<li>标记来定义列表项.

浏览器支持

元素
<ol>	支持	支持	支持	支持	支持

提示和注意

提示:对于无序列表，使用<ul>标记.

提示:使用CSS给列表添加样式.

HTML 4.01与HTML 5的区别

"start"和"type"属性在HTML4.01中被弃用,但在HTML5中支持.

“reversed”属性是HTML 5中的新属性.

HTML 5中不支持"compact"属性.

属性

=HTML5新属性

属性	属性值	描述
reversed	reversed	指定列表顺序应该降序(9，8，7...)
start	number	指定有序列表的开始值.
type	1 A a I i	指定要在列表中使用的标记类型.

全局属性

<ol>标记还支持HTML中的全局属性.

事件属性

<ol>标记还支持HTML中的事件属性.

默认CSS设置

大多数浏览器将使用以下默认值显示<ol>元素:

ol {
    display: block;
    list-style-type: decimal;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}

评论区

21技术 www.21xrx.com 备案号：蜀ICP备17043188号-2

其它

提取图片文字免费的JetBrains license services json在线解析 base64加解密文章搜索