これからブログでソースコードを表示する機会が多いと思いますので、最初の記事にしようと思います。

ソースコードを表示する際<、>、"などの特殊文字はそのまま書いても正常に表示されませんので、変換して記述する必要があります。

< は、&lt;
>は、&gt;
" は、&quot;
と、それぞれ記述します。

ソースコードを表示する方法はいろいろありますが、私は<pre><code> ~ </code></pre>で囲む方法を使用しています。タブでインデントした内容がそのまま表示されるのが気に入っています。コピペするのが楽です。


<body>
	<div id="container">
	</div>
</body>