HTMLエンコード・デコード変換

例

入力:

<div style="color:#000000;"></div>

エンコードボタンをクリックすると、次のように出力されます:

&lt;div style=&quot;color:#000000;&quot;&gt;&lt;/div&gt;

オンラインHTMLエンコード・デコード変換について

HTMLエンコード・デコード変換は、通常のテキストをHTMLエンティティに変換し、エンコードされたHTMLエンティティを読みやすい文字に戻すツールです。予約文字を文字として表示したいとき、HTMLコード例を見せたいとき、Webページ・メール・RSSフィード・保存済みコンテンツからコピーしたエンコード済みテキストを読みやすくしたいときに使えます。 HTMLエンコードを使うと、山かっこ、アンパサンド、引用符などの文字を、ブラウザにHTMLタグとして解釈させずにテキストとして表示できます。HTMLデコードはその逆で、エンコードされたエンティティを元の文字に戻し、確認・編集・コピーしやすくします。

• 主な機能

HTMLエンティティのエンコード・デコード: 特殊文字をHTMLで扱いやすいエンティティに変換したり、エンコード済みのエンティティを読みやすいテキストに戻したりできます。コード例の表示に便利: チュートリアル、ドキュメント、コメント、コンテンツエディタにHTMLスニペットを載せる前にエンコードできます。テキストとしての表示を補助: 予約文字をエンコードすることで、マークアップではなく本文として表示しやすくなります。ただし、本番環境のコードでは入力検証、サニタイズ、フレームワーク側のエスケープ処理の代わりにはなりません。ブラウザ側で処理: 変換処理はブラウザ内で実行され、入力したテキストをHTMLエンティティと通常の文字の間で変換します。

• よくある使い方

HTMLコードを表示する: HTMLスニペットをエンコードして、ブラウザに実行・解釈されず文字として表示します。 Webコンテンツの準備: HTML、CMSの入力欄、テンプレート、ドキュメントに入れる前に、予約文字を変換します。エンコード済みコンテンツを読む: コピーしたコード片、保存済みテキスト、フィード内のHTMLエンティティをデコードして確認しやすくします。表示の崩れを減らす: ブラウザ、メール、フィードなどで特殊文字を安定して表示したい場合にHTMLエンティティを利用できます。

HTML(wiki)