ywork2020.com

Title

コンピューターコードを表す

目次 (INDEX)

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);
上記コードの結果が下記に表示されています。(ドキュメントのドメインを取得して表示)

目次に戻る

使用できる属性

目次に戻る