HTML 列表属性

HTML 中的列表是将文本和其他项组织在一起的一种方法。列表可帮助将信息更清晰地传达给读者，并使内容更易于阅读。HTML 提供了多种列表类型，每种类型都有不同的列表属性。在本文中，我们将详细介绍 HTML 中的列表属性。

有序列表

有序列表使用数字或字母对列表项进行排序。有序列表使用 <ol> 标签定义，并使用以下属性：

type

此属性用于定义有序列表标记的类型。可以使用以下值：

• 数字: 1, 2, 3...
• 小写字母: a, b, c...
• 大写字母: A, B, C...
• 小写罗马数字: i, ii, iii...
• 大写罗马数字: I, II, III...

以下是一个示例：

<ol type="1">
  <li>列表项 1</li>
  <li>列表项 2</li>
  <li>列表项 3</li>
</ol>

效果如下：

1. 列表项 1
2. 列表项 2
3. 列表项 3

start

此属性用于设置有序列表的起始值。在以下示例中，列表从值 3 开始：

<ol start="3">
  <li>列表项 1</li>
  <li>列表项 2</li>
  <li>列表项 3</li>
</ol>

效果如下：

3. 列表项 1
4. 列表项 2
5. 列表项 3

无序列表

无序列表不使用数字或字母对列表项进行排序。无序列表使用 <ul> 标签定义，并使用以下属性：

type

此属性用于定义无序列表标记的类型。可以使用以下值：

• disc: 实心圆点
• circle: 空心圆点
• square: 方块

以下是一个示例：

<ul type="square">
  <li>列表项 1</li>
  <li>列表项 2</li>
  <li>列表项 3</li>
</ul>

效果如下：

• 列表项 1
• 列表项 2
• 列表项 3

自定义列表

自定义列表使用您选择的字符进行排序，而不是数字或字母。自定义列表使用 <dl> 标记定义，并使用以下属性：

compact

此属性用于定义列表是否压缩。如果使用 compact 属性，则表示列表应缩小并显示在一行上。

以下是一个示例：

<dl compact>
  <dt>列表项 1</dt>
  <dd>描述 1</dd>
  <dt>列表项 2</dt>
  <dd>描述 2</dd>
</dl>

效果如下：

列表项 1

描述 1

列表项 2

描述 2

总结

在本文中，我们介绍了 HTML 中的列表属性。有序列表使用 <ol> 标记定义，可以设置 type 和 start 属性。无序列表使用 <ul> 标记定义，可以设置 type 属性。自定义列表使用 <dl> 标记定义，可以设置 compact 属性。了解这些列表属性将有助于您创建更好的页面布局，并使您的网站更易于阅读。