列表
6 个月前
何方
3
5.1 有序列表
在文本前面添加数字加点加空格可以构成有序列表。如下表,最终生成的列表前面的编号和前面的数字没有绝对关系,总是从第一个数字开始依次增加。
也有很多 Markdown 解析器完全忽略前导数字,总是从 1 开始。
| Markdown | HTML | 预览 |
|---|---|---|
1. 有序列表项 12. 有序列表项 2 |
<ol><li>有序列表项 1</li><li>有序列表项 2</li></ol> |
|
1. 有序列表项 11. 有序列表项 2 |
<ol><li>有序列表项 1</li><li>有序列表项 2</li></ol> |
|
5. 有序列表项 16. 有序列表项 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
版权声明
该内容为本站原创,转载请注明本站出处。