Go Toolstack

HTML エンティティ変換（エスケープ）

特殊なHTML文字を安全な実体参照コードにエスケープ、または元へアンエスケープ。

HTML エンティティ変換（エスケープ）

特殊なHTML文字を安全な実体参照コードにエスケープ、または元へアンエスケープ。

使い方

1
Enter Query Details
Specify the parameters, location, or query data you want to look up.
2
Fetch or Validate Data
Retrieve or validate information securely within your session.
3
Inspect Detailed Results
Review schedules, reference figures, or comprehensive data tables.

このカテゴリーの他のクライアントサイドツールを見る

テキストツールハブ • ワークフローと機能比較

すべてのテキストツールツール、ブラウザの制限、および目的別選択ガイドを確認できます。

ハブを見る →
JSONフォーマッター & バリデーター

64ビット精度を保持してJSONを整形・圧縮し、JSON Schema（Draft-07 / 2020-12）で厳格に検証します。
Base64 エンコーダー & デコーダー

テキストやファイルをBase64形式にエンコード、またはプレーンテキストにデコード。
SQLフォーマッター & 圧縮ツール

ブラウザ上でSQLクエリを美しくインデントし、キーワードを大文字化して圧縮。

関連ブログガイド

技術ガイド、トラブルシューティング、ベストプラクティス解説

概念＆ナレッジハブ

HTMLエンティティ変換・エスケープツール、特殊文字・XSSサニタイズ処理

Webページにおいて、<（小なり）や>（大なり）、&（アンパサンド）などの特殊文字をHTMLソースコード内にそのまま平文で記述すると、WebブラウザはこれらをHTMLタグの開始や終了として誤認してしまいます。また、ユーザー入力をエスケープせずに画面描画すると深刻なXSS（クロスサイトスクリプティング）脆弱性を引き起こします。特殊文字を安全な「文字実体参照（HTML Entity）」へと双方向変換します。

例えばWebプログラマーが解説記事の中でコードスニペット

Click
をWeb上に安全に表示させたいケースを考えます。「HTMLエスケープ（エンコード）」を実行すると、<div class="alert" onclick="alert('XSS&Bad')">Click</div>へと瞬時に変換されます。逆に、Webスクレイピングで取得した実体参照文字列から元の特殊記号を復元する「アンエスケープ（デコード）」処理や、著作権マーク（&copy;）、アンパサンド（&amp;）の相互変換にも対応しています。

HTMLエンティティの文字置換およびサニタイズ処理は、すべて端末ブラウザ内部のJavaScriptエンジンで実行されます。変換対象のソースコードや機密テキストが外部サーバーへ送信されることはありません。

コアアーキテクチャ＆計算式

エスケープ置換表: & ➔ &amp; ； < ➔ &lt; ； > ➔ &gt; ； " ➔ &quot; ； ' ➔ &#39;

HTML予約文字をW3C標準の名前付き実体参照（Named Entities）および数値文字参照（Numeric Character References）へ安全にマッピングします。

ベストプラクティスと必須ガイドライン

  • XSS攻撃対策における「コンテキストに応じたエスケープ」： HTMLボディ内、HTML属性値内、JavaScript文字列内ではエスケープすべき記号が異なるため、適切なサニタイズ規則を適用してください。
  • 「二重エスケープ（Double Escaping）」のバグを警戒： 既にエスケープ済みのテキストに対して再度エスケープ処理をかけると、&amp;amp;lt;のように画面上に生コードが露出してしまうため処理回数を管理します。
  • 日本語などのマルチバイト文字の扱い： ひらがなや漢字まで数値参照（&#x3042;等）に変換してしまうと可読性とSEOが著しく損なわれるため、HTML制御文字のみをピンポイントで変換しましょう。
  • URLクエリのパーセントエンコード（%20等）との違いを認識： HTMLエンティティ（&amp;）はHTMLマークアップの保護であり、URL構文の保護（encodeURIComponent）とは別物であることを理解して使い分けます。

よくある質問 (FAQ)

なぜHTMLで「<」や「&」をそのまま書いてはいけないのですか？
ブラウザがタグの開始記号や実体参照の宣言と誤認してHTMLの構造が崩れるため、文字として画面に描画させるには &lt; や &amp; と表記する規定になっているためです。
「名前付き文字参照（©）」と「16進数文字参照（©）」の違いは？
名前付き参照は人間が読みやすい英単語（例: ©）、数値参照はUnicodeコードポイントを直接指定する形式（例: © / ©）であり、ブラウザでは同等に処理されます。
特殊文字だけでなく日本語の全角文字もエスケープされますか？
当ツールはHTMLの構文予約文字（<, >, &, ", '）を中心に対象とするため、日本語のテキストは可読性を維持したまま自然な文字として保持されます。
変換に入力したソースコードが外部に漏れることはありますか？
ありません。当変換ツールはブラウザのDOMParserおよびJavaScriptメモリ上でのみ処理を行い、外部サーバーとの通信は一切行いません。