コード Code
code要素、kbd要素、pre要素、var要素、samp要素などの、プログラム・コードやコンピューターに関する要素のスタイル。
code要素
コードの一部を、インラインで表示。
サンプル
code要素は、コンピュータ・プログラム、ファイル名、XML要素名など、コンピューターが認識しうる文字列を表す要素。
ソースコード
<code>code</code>要素は、コンピュータ・プログラム、ファイル名、XML要素名など、コンピューターが認識しうる文字列を表す要素。
kbd要素
キーボードによる入力を示すkbd要素。
サンプル
サンプルと入力し、ctrl + sで保存して下さい。
ソースコード
<kbd>サンプル</kbd>と入力し、<kbd><kbd>ctrl</kbd> + <kbd>s</kbd></kbd>で保存して下さい。
pre要素
整形済みテキストのブロックを示すpre要素。
サンプル
<ul> <li>リスト項目Ａ</li> <li>リスト項目Ｂ</li> <li>リスト項目Ｃ</li> </ul>
ソースコード
<pre> <ul> <li>リスト項目Ａ</li> <li>リスト項目Ｂ</li> <li>リスト項目Ｃ</li> </ul> </pre>
pre要素に.pre-scrollable
pre要素のclass属性にpre-scrollableを指定すると、最大の高さを350pxとし、スクロールバーを出現させる。
サンプル
<ul> <li>リスト項目Ａ</li> <li>リスト項目Ｂ</li> <li>リスト項目Ｃ</li> <li>リスト項目Ｄ</li> <li>リスト項目Ｅ</li> <li>リスト項目Ｆ</li> <li>リスト項目Ｇ</li> <li>リスト項目Ｈ</li> <li>リスト項目Ｉ</li> <li>リスト項目Ｊ</li> <li>リスト項目Ｋ</li> <li>リスト項目Ｌ</li> <li>リスト項目Ｍ</li> <li>リスト項目Ｎ</li> <li>リスト項目Ｏ</li> <li>リスト項目Ｐ</li> <li>リスト項目Ｑ</li> <li>リスト項目Ｒ</li> <li>リスト項目Ｓ</li> <li>リスト項目Ｔ</li> <li>リスト項目Ｕ</li> <li>リスト項目Ｖ</li> <li>リスト項目Ｗ</li> <li>リスト項目Ｘ</li> <li>リスト項目Ｙ</li> <li>リスト項目Ｚ</li> </ul>
ソースコード
<pre class="pre-scrollable">
<ul>
<li>リスト項目Ａ</li>
<li>リスト項目Ｂ</li>
<li>リスト項目Ｃ</li>
<li>リスト項目Ｄ</li>
<li>リスト項目Ｅ</li>
<li>リスト項目Ｆ</li>
<li>リスト項目Ｇ</li>
<li>リスト項目Ｈ</li>
<li>リスト項目Ｉ</li>
<li>リスト項目Ｊ</li>
<li>リスト項目Ｋ</li>
<li>リスト項目Ｌ</li>
<li>リスト項目Ｍ</li>
<li>リスト項目Ｎ</li>
<li>リスト項目Ｏ</li>
<li>リスト項目Ｐ</li>
<li>リスト項目Ｑ</li>
<li>リスト項目Ｒ</li>
<li>リスト項目Ｓ</li>
<li>リスト項目Ｔ</li>
<li>リスト項目Ｕ</li>
<li>リスト項目Ｖ</li>
<li>リスト項目Ｗ</li>
<li>リスト項目Ｘ</li>
<li>リスト項目Ｙ</li>
<li>リスト項目Ｚ</li>
</ul>
</pre>
var要素
変数であることを示すvar要素。
サンプル
円の半径をrとすると、円の直径は2r。では、円の面積は？
ソースコード
円の半径を<var>r</var>とすると、円の直径は<var>2r</var>。では、円の面積は？
samp要素
コンピュータのシステムやプログラムからの出力例であることを示すsamp要素。
サンプル
半角英数字で入力しないと、「半角英数字で入力して下さい。」という注意が現れます。
ソースコード
半角英数字で入力しないと、「<samp>半角英数字で入力して下さい。</samp>」という注意が現れます。