Code
指定した範囲の単語・文章などをわかりやすくするものと、ソースコードなど複数行を表示する時に使用するものがあります。
指定方法に違いがあるので気をつけてください。
コード表示ツール(指定範囲)
<code>
<pre>
コード表示ツール
機能
<code>で囲まれた範囲を、薄いピンクの背景色・赤文字で表示します
<code>で囲まれた範囲内は、<・>等の特殊文字はエスケープ処理を行ってください
特に指定されている使い方はないので、タグやクラス等を記述する時に使用するとわかりやすいかもしれません
コード表示ツール(複数行)
(表示例) Bootstrapの使い方 Bootstrapの新バージョン、Bootstrap3がリリースされました。 今流行のフラットデザイン・レスポンシブデザインがデフォルト・ 旧ブラウザ(IE7以前・Firefox3.6)のサポート打ち切りなどなど。 指定するクラス名や文法・使い方に変更されている箇所もあり Bootstrap2系から移行するのは若干手間ですが、 そう難しい事ではないと思います。 新規に追加されたコンポーネントなどもありますので、 Bootstrap3をどんどん使っていきましょう。
機能
整形済みテキストを、枠線囲み・グレーの背景色で表示します
<pre>内では、<・>をエスケープ処理してください
ソースコードや強調したい文章などを記述する時に使用すればいいかと思います
コーディング
・<pre>に以下のクラスを指定します
- .pre-scrollable
- 01行目 表示の高さが最大350pxになり、スクロールバーが表示されます