プログラムのソースコードをホームページに載せる方法

HTML、CSS、Pythonなどのソースコードをホームページに載せる場合は、preとcodeいうコードタグで掲載します。しかし、そのままではカッコ等で掲載しにくいので、エスケープ処理を行います。

手順１：プログラムのエスケープ処理を行う

プログラムの記述が終わったら、そのソースコードを「エスケープ処理」するところから始めます。「エスケープ処理」とは、特殊記号がhtml上で誤動作しないように変換する処理です。

Web制作小物ツール様の「HTMLエスケープツール」がおすすめです。

通常のhtmlの場合は、Web制作小物ツール様で出力されたコードをそのままコピー＆ペーストすればOKです。

WordPressの場合は、多様なコードに対応しているEnlighterがおすすめです。

Enlighterの場合は、Codeタグは不要ですので、エスケープ処理の際にチェックを外しておくといいと思います。

Gistを利用すると、もっと簡単にプログラムコードをホームページに埋め込むことができます。

htmlタグではカッコやスラッシュなどは、特別な意味を持っています。変な処理が走ってしまわないように「エスケープ処理」だけは確実にしておきましょう。