[TOC]

基本格式

```flow 代码段 ```

语法

流程图语法大体分为两部分：

• 前面部分用来定义流程图元素；
• 后面部分用来连接流程图元素，指定流程图的执行走向。

定义元素阶段的语法

tag=>tyoe: content:>url

说明：

• tag 是流程图中的标签，在第二阶段连接流程图的时候会用到。名称可以任意，一般为流程图的英文缩写和数字组合。
• type 用来确定标签的类型，=>后面表示类型。由于标签的名称可以任意指定，所以要依赖type来确定标签的类型
• 标签有6种类型：start(开始) end(结束) operation(操作) subroutine(自程序) condition(条件) inputoutput(输入输出)
• content 是流程图文本框中的描述内容，: 后面表示内容，中英文均可。特别注意，冒号与文本之间一定要有个空格
• url是一个连接，与框框中的文本相绑定，:>后面就是对应的 url 链接，点击文本时可以通过链接跳转到 url 指定页面

示例：

开始
st=>start: 开始
操作
op=>operation: 操作、执行说明
条件
cond=>condition: 确认？
结束
e=>end: 结束
URL
url=>end: 点击本结束跳转:>http://https://segmentfault.com/blog/ingood

###连接流程图元素

直接用->连接两个元素

说明：

• 使用 -> 来连接两个元素
• 对于condition类型，有yes和no两个分支，如示例中的cond(yes)和cond(no)
• 每个元素可以制定分支走向，默认向下，也可以用right指向右边，如示例中sub1(right)。

示例：

两个元素连接
st->op1->cond
条件分支连接
cond(yes)->io->e
定义连接方向
cond(no)->sub1(right)->op1

完整示例

st=>start: 开始
e=>end: 结束
c1=>condition: A
c2=>condition: B
io=>inputoutput: D
st->c1
c1(no)->e
c1(yes)->c2
c2(no)->e
c2(yes)->io
io->e

更多关于流程图的语法说明，请移步 流程图语法参考