HTML実体参照変換（エスケープ）

ブログや技術記事でHTMLコードを紹介したいのに、タグが勝手に解釈されて消えてしまった経験はありませんか？
このツールを使えば、HTMLの特殊文字（< > & など）を、Web上で安全に表示できる「実体参照」形式に一瞬で変換できます。

ツールを使う 
利用シーン 
機能・仕様 
変換表（実体参照リスト） 
よくある質問 (FAQ)

🛡️ HTML実体参照変換（エスケープ）

作業効率を上げるサブモニター

リンク

Web制作やブログ運営において、ソースコードを記事に貼り付ける作業は頻繁に発生します。このツールは、以下のような「コードを表示させたいのにブラウザが解釈してしまう問題」を解決します。

技術ブログの執筆	HTMLやXMLのソースコードを解説する際、そのまま貼り付けるとタグが消えてしまいます。事前にエスケープ変換することで、`<div>`のようなタグを文字列として正しく表示できます。
チャットツールでの連絡	SlackやChatworkなどでコードを送る際、一部の記号がメンションや装飾として誤認識されるのを防ぎます。
XSS対策の確認	Webアプリケーション開発において、入力フォームに入力された特殊文字が正しくサニタイズ（無害化）されるかどうかのテストデータ作成にも利用できます。

本ツールは、ブラウザ上で動作するため、変換したコードが外部サーバーに送信されることはありません。機密性の高いコードも安心して処理できます。

🔒 エスケープ（実体参照化） HTMLタグとして機能する特殊文字（<, >, &, ", '）を、< のような安全な文字列に変換します。これにより、ブラウザは「タグ」ではなく「文字」として認識し、画面上にそのまま表示します。
🔓 アンエスケープ（逆変換） すでに実体参照化されている文字列（<div> など）を、元のHTMLコード（<div>）に戻します。 Webページからコピーしたコードを再利用したい場合に便利です。

本ツールで変換対象となる、主要な5つの特殊文字の対応表です。これらはHTMLにおいて特別な意味を持つため、テキストとして表示するには必ず変換が必要です。

A. 変換後のコードをそのまま貼り付けるだけでなく、<pre> タグや <code> タグで囲むことをおすすめします。これにより、ブラウザに対して「ここはソースコードである」と明示でき、等幅フォントで綺麗に表示されます。

A. 本ツールは、セキュリティと表示崩れ防止の観点から、主要な特殊文字（< > & ” ‘）を一括で変換する仕様になっています。特定の文字だけを変換する機能はありませんが、結果をテキストエディタ等で置換して調整することは可能です。

A. はい、異なります。HTMLエスケープは「Webページ上で文字を表示するため」の変換であり、URLエンコードは「URLとして機能させるため」の変換です。URLの日本語などを変換したい場合は、関連ツールの「URLエンコード／デコード」をご利用ください。

👨‍💻

「タグが消えるイライラを解消したくて」
技術ブログを書いていると、<div> のようなタグを貼り付けた瞬間、プレビューで消滅してしまい「あぁっ！」となることが多々ありました。手作業で < に書き換えるのはあまりに非効率です。

そこで、コピペ一発で変換できるシンプルなツールを作りました。余計な機能は省き、頻繁に使う5つの特殊文字だけに絞って軽量化しています。毎日の執筆作業のお供にしていただければ幸いです。