codeとは
- ここで説明する code とは次の語句からなるHTMLの要素です。
- code
- 読み: コード
意味: 法体系、法典、符号、規則、規定
code要素の概要
この要素は、コンピューターコードの短い断片(スニペットともいう)の文字列であると識別できるような外見のコンテンツを表示します。 既定では、内包された文字列がユーザーエージェントの既定の等幅フォントを使用して表示されます。
この要素には、開始タグと終了タグが必要です。
<code> </code>
サンプルコードと実行結果
この要素を単純に言ってしまえばプログラムのコードであるとマークアップするための要素です。 ここではjavasciriptのコードを、この要素に内包して表示してみました。 この要素内のコンテンツはブラウザ既定の等幅フォントで表示されるのでプログラムを視認しやすくなります。
サンプルコード: CSS
<style>
code{
font-weight: bold;
}
</style>
サンプルコード: HTML
<body>
<code>
document.write(document.domain);
</code>
<br>
上記コードの結果が下記に表示されています。
(ドキュメントのドメインを取得して表示)<br>
<script>...</script>
</body>
サンプルコード: script
<script>
document.write(document.domain);
</script>
document.write(document.domain);
上記コードの結果が下記に表示されています。(ドキュメントのドメインを取得して表示)