码迷,mamicode.com
首页 > 其他好文 > 详细

Markdown_04_折叠语法

时间:2019-04-24 17:46:37      阅读:122      评论:0      收藏:0      [点我收藏+]

标签:摘要   out   https   title   com   XML   htm   sig   down   

一、折叠语法

主要使用的是 html5details标签

(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

Markdown_04_折叠语法

标签:摘要   out   https   title   com   XML   htm   sig   down   

原文地址:https://www.cnblogs.com/shirui/p/10763515.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!