Markdown_04_折叠语法

• 原文地址：https://github.com/shirayner/java-knowledge-hierarchy/tree/master/doc/Markdown

一、折叠语法

注意： CSDN暂时不支持折叠语法，可在 github 或 typora 中进行验证

主要使用的是 html5的 details标签

（1）示例如下：

<details>
  <summary>折叠文本</summary>
  此处可书写文本
  嗯，是可以书写文本的
</details>


<details>
  <summary>折叠代码块</summary>
  <pre><code> 
     System.out.println("虽然可以折叠代码块");
     System.out.println("但是代码无法高亮");
  </code></pre>
</details>

<details>
  <summary>折叠代码块</summary>
  <pre><blockcode> 
     System.out.println("虽然可以折叠代码块");
     System.out.println("但是代码无法高亮");
  </blockcode></pre>
</details>

（2）效果如下：

折叠文本 此处可书写文本 嗯，是可以书写文本的 折叠代码块

 
     System.out.println("虽然可以折叠代码块");
     System.out.println("但是代码无法高亮");
  

（3）解读

• details：折叠语法标签
• summary：折叠语法展示的摘要
• pre：以原有格式显示元素内的文字是已经格式化的文本
• code：指定代码块

参考资料

1. 【MarkDown】使用Html样式和折叠语法
2. 让你的md文档可折叠化展示 #155