列表
- · - ·
5.1 有序列表
在文本前面添加数字加点加空格可以构成有序列表。如下表,最终生成的列表前面的编号和前面的数字没有绝对关系,总是从第一个数字开始依次增加。
也有很多 Markdown 解析器完全忽略前导数字,总是从 1 开始。
Markdown | HTML | 预览 |
---|---|---|
1. 有序列表项 1 2. 有序列表项 2 | <ol> <li>有序列表项 1</li> <li>有序列表项 2</li> </ol> |
|
1. 有序列表项 1 1. 有序列表项 2 | <ol> <li>有序列表项 1</li> <li>有序列表项 2</li> </ol> |
|
5. 有序列表项 1 6. 有序列表项 2 | <ol start="5"> <li>有序列表项 1</li> <li>有序列表项 2</li> </ol> |
|
5.2 无序列表
无序列表可以在文本前面加减号(-
)、星号(*
)、加号(+
)实现。
Markdown | HTML | 预览 |
---|---|---|
- 无序列表项 1 - 无序列表项 2 | <ul> <li>无序列表项 1</li> <li>无序列表项 2</li> </ul> |
|
* 无序列表项 1 * 无序列表项 2 | <ul> <li>无序列表项 1</li> <li>无序列表项 2</li> </ul> |
|
+ 无序列表项 1 + 无序列表项 2 | <ul> <li>无序列表项 1</li> <li>无序列表项 2</li> </ul> |
|
5.3 列表嵌套
有序列表、无序列表都是可以嵌套的。在列表项前面添加两个以上空格或制表符可以把该行变成子列表。
Markdown | HTML | 预览 |
---|---|---|
1. 有序列表项 1 1. 有序列表项 2 | <ol> <li> 有序列表项 1 <ul> <li> 无序列表项 2 </li> </ul> </li> </ol> |
|
- 无序列表项 1 - 无序列表项 2 | <ul> <li> 无序列表项 1 <ul> <li> 无序列表项 2 </li> </ul> </li> </ul> |
|
5.4 任务列表
有序列表和无序列表都可以做为任务列表使用,任务列表会在每项前面添加一个复选框
下面的 Markdown 代码
**有序任务列表**
1. [x] 已选中的项目
1. [ ] 未选中的项目
**无序任务列表**
- [x] 已选中的项目
- [ ] 未选中的项目
会生成下面的效果
有序任务列表
- 已选中的项目
- 未选中的项目
无序任务列表
- 已选中的项目
- 未选中的项目
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/列表