Bootstrap代码
(1)第一种是 <code>
标签。如果想要内联显示代码,那么应该使用 <code>
标签。
(2)第二种是<pre>
标签。如果代码需要被显示为一个独立的块元素或者代码有多行,那么您应该使用 <pre>
标签。
<p><header>作为内联元素被包围</p>
<p>如果需要把代码显示为一个独立的块元素,请使用 <pre> 标签:</p>
<pre>
<article>
<h1>Article Heading</h1>
</article>
</pre>
var元素:变量赋值
<div class="container">
<h2>代码</h2>
<p>使用 var 元素表示变量:</p>
<p><var>x</var> = <var>a</var><var>b</var> + <var>y</var></p>
</div>
kbd元素:表示按键输入
<div class="container">
<h2>代码</h2>
<p>使用 kbd 元素表示按键输入:</p>
<p>使用 <kbd>ctrl + p</kbd> 来打开打印窗口。</p>
</div>
.pre-scrollable:多行代码带有滚动条
pre 元素最大的高度 max-height 为 350px ,添加 .pre-scrollable 类,会生成一个 Y 轴的滚动条。
samp元素:电脑程序输出
<div class="container">
<h2>代码</h2>
<p>使用 samp 元素包含电脑输出的内容:</p>
<p><samp>This text is output from a computer program....</samp></p>
</div>