HTML5タグ辞典 <code> | HTML5タグ辞典
最終更新日： 2021年 4月 27日

<code> | HTML5タグ辞典

<code> ～ </code>

code要素は、ソースコード(プログラム言語、HTMLなど)の表示に使用します。

記述例

&lt;code&gt;要素はソースコードを表示する際に使用します。

表示

<code>要素はソースコードを表示する際に使用します。

<code>や<br>など、HTMLのタグをブラウザ上に文字列として表示させる場合、「<」は「&lt;」と「>」は「&gt;」と記述します。これをエスケープと呼びます。

pre要素を使用した記述

記述例

インデントや改行を含んだソースコードをそのまま表示したい場合はpre要素の間に記述します。

<pre>
<code>
&lt;html&gt;
	&lt;/head&gt;
		&lt;title&gt;&lt;/title&gt;
	&lt;/head&gt;
	&lt;body&gt;
		ソースコードの解説などに使用できますね。
	&lt;/body&gt;
&lt;/html&gt;
</code>
</pre>

上記のソースコード記述もpre要素を使用していますが、行ごとに色を分けたり、行番号を表示するような処理をするにはJavascriptやCSSを使用します。

表示


<html>
	</head>
		<title></title>
	</head>
	<body>
		ソースコードの解説などに使用できますね。
	</body>
</html>

記事カテゴリ