主要使用的是 html5
的 details
标签html5
(1)示例以下:git
<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)效果以下:github
System.out.println("虽然能够折叠代码块"); System.out.println("可是代码没法高亮");
(3)解读code
details
:折叠语法标签summary
:折叠语法展现的摘要pre
:以原有格式显示元素内的文字是已经格式化的文本code
:指定代码块