📜  HTML |<ol>类型属性(1)

📅  最后修改于: 2023-12-03 14:41:52.986000             🧑  作者: Mango

HTML |
    类型属性

简介

在 HTML 中,

    标签用来表示有序列表,而 type 属性可以用来指定列表项的类型。该属性可以取以下值:1, a, A, i, I

属性值
1. 数字(默认)

当 type 属性取值为 1 时,列表项将按数字递增进行编号。例如:

<ol type="1">
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
</ol>

将会呈现为:

  1. First item
  2. Second item
  3. Third item
2. 小写字母

当 type 属性取值为 a 时,列表项将按小写字母递增进行编号。例如:

<ol type="a">
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
</ol>

将会呈现为: a. First item b. Second item c. Third item

3. 大写字母

当 type 属性取值为 A 时,列表项将按大写字母递增进行编号。例如:

<ol type="A">
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
</ol>

将会呈现为: A. First item B. Second item C. Third item

4. 小写罗马数字

当 type 属性取值为 i 时,列表项将按小写罗马数字递增进行编号。例如:

<ol type="i">
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
</ol>

将会呈现为: i. First item ii. Second item iii. Third item

5. 大写罗马数字

当 type 属性取值为 I 时,列表项将按大写罗马数字递增进行编号。例如:

<ol type="I">
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
</ol>

将会呈现为: I. First item II. Second item III. Third item

注意事项
  • 如果你需要修改整个文档中所有的有序列表的样式,建议使用 CSS 来实现。
  • 在 HTML5 中,
      标签的 type 属性可以省略,此时默认值为 1
    1. 标签还有一个 start 属性,可以用来指定列表项的起始值。例如,当 start 属性值为 3 时,列表项的编号将从 3 开始。