• 代码
    • 内联代码
    • 代码块
    • Var变量
    • 用户输入（键盘动作提示）
    • 示例标注

    代码

    基于Bootstrap显示行内嵌入的内联代码和多行代码段的文档和示例。

    内联代码

    用<code>包裹内联代码片断，勿忘转义HTML尖括号。

    代码 - 图1

    1. 示例： <code>&lt;section&gt;</code> 代码嵌入到文本段中。

    代码块

    使用 <pre>标签可以包裹代码块，同样HTML的尖托号需要进行义，你还可以使用 .pre-scrollable CSS样式，实现垂直滚动的效果，它默认提供350px高度限制、Y轴垂直滚动效果。

    代码 - 图2

    1. <pre><code>&lt;p&gt;Sample text here...&lt;/p&gt;
    2. &lt;p&gt;And another line of sample text here...&lt;/p&gt;
    3. </code></pre>

    Var变量

    推荐使用 <var>标签包裹标示变量。

    代码 - 图3

    1. <var>y</var> = <var>m</var><var>x</var> + <var>b</var>

    用户输入（键盘动作提示）

    使用 <kbd> 标签，标明这是一个键盘输入操作。

    代码 - 图4

    1. To switch directories, type <kbd>cd</kbd> followed by the name of the directory.<br>
    2. To edit settings, press <kbd><kbd>ctrl</kbd> + <kbd>,</kbd></kbd>

    示例标注

    <samp> 标签代表这是一个示例。

    代码 - 图5

    1. <samp>这是一个代码示例.</samp>