跳到主要内容

列表

5.1 有序列表

在文本前面添加数字加点加空格可以构成有序列表。如下表,最终生成的列表前面的编号和前面的数字没有绝对关系,总是从第一个数字开始依次增加。

也有很多 Markdown 解析器完全忽略前导数字,总是从 1 开始。

MarkdownHTML预览
1. 有序列表项 1
2. 有序列表项 2
<ol>
<li>有序列表项 1</li>
<li>有序列表项 2</li>
</ol>
  1. 有序列表项 1
  2. 有序列表项 2
1. 有序列表项 1
1. 有序列表项 2
<ol>
<li>有序列表项 1</li>
<li>有序列表项 2</li>
</ol>
  1. 有序列表项 1
  2. 有序列表项 2
5. 有序列表项 1
6. 有序列表项 2
<ol start="5">
<li>有序列表项 1</li>
<li>有序列表项 2</li>
</ol>
  1. 有序列表项 1
  2. 有序列表项 2
在Markdown编辑器中打开

5.2 无序列表

无序列表可以在文本前面加减号(-)、星号(*)、加号(+)实现。

MarkdownHTML预览
- 无序列表项 1
- 无序列表项 2
<ul>
<li>无序列表项 1</li>
<li>无序列表项 2</li>
</ul>
  • 无序列表项 1
  • 无序列表项 2
* 无序列表项 1
* 无序列表项 2
<ul>
<li>无序列表项 1</li>
<li>无序列表项 2</li>
</ul>
  • 无序列表项 1
  • 无序列表项 2
+ 无序列表项 1
+ 无序列表项 2
<ul>
<li>无序列表项 1</li>
<li>无序列表项 2</li>
</ul>
  • 无序列表项 1
  • 无序列表项 2
在Markdown编辑器中打开

5.3 列表嵌套

有序列表、无序列表都是可以嵌套的。在列表项前面添加两个以上空格或制表符可以把该行变成子列表。

MarkdownHTML预览
1. 有序列表项 1
  1. 有序列表项 2
<ol>
<li>
有序列表项 1
<ul>
<li>
无序列表项 2
</li>
</ul>
</li>
</ol>
  1. 有序列表项 1
    1. 有序列表项 2
- 无序列表项 1
  - 无序列表项 2
<ul>
<li>
无序列表项 1
<ul>
<li>
无序列表项 2
</li>
</ul>
</li>
</ul>
  • 无序列表项 1
    • 无序列表项 2
在Markdown编辑器中打开

5.4 任务列表

有序列表和无序列表都可以做为任务列表使用,任务列表会在每项前面添加一个复选框

下面的 Markdown 代码

**有序任务列表**

1. [x] 已选中的项目
1. [ ] 未选中的项目

**无序任务列表**

- [x] 已选中的项目
- [ ] 未选中的项目

会生成下面的效果

有序任务列表

  1. 已选中的项目
  2. 未选中的项目

无序任务列表

  • 已选中的项目
  • 未选中的项目
在Markdown编辑器中打开

5.5 定义列表

注意

我们的在线Markdown编辑器不支持不支持定义列表特性,且并非所有的 Markdown 解析器都支持,使用时请先测试。

下面的 Markdown 代码

列表头 1
: 列表项 11
: 列表项 12

列表头 2
: 列表项 21
: 列表项 22

会生成下面的 HTML 代码

<dl>
<dt>列表头1</dt>
<dd>列表项11</dd>
<dd>列表项12</dd>
<dt>列表头2</dt>
<dd>列表项21</dd>
<dd>列表项22</dd>
</dl>

渲染效果类似下面这样

列表头1
列表项11
列表项12
列表头2
列表项21
列表项22
该内容为何方原创,转载请注明本页地址
https://iamhefang.cn/tutorials/markdown/列表