HTMLエンティティ エンコード/デコード

特殊文字をHTMLエンティティにエンコード、またはエンティティを読みやすいテキストにデコードします。すべての処理はブラウザ内で行われます。

このツールについて

HTMLエンティティ エンコーダー&デコーダーは、特殊文字を対応する HTMLエンティティ表現に変換したり、その逆の変換を行う無料の ブラウザベースユーティリティです。ウェブページ用のコンテンツ 準備、表示用のユーザー入力のサニタイズ、HTMLレンダリングの 問題のデバッグなど、あらゆる場面で即座に変換を処理します。

HTMLエンティティは、HTMLの予約文字(<>& など)や、著作権記号、通貨記号、数学演算子、 組版記号など、標準キーボードでは簡単に入力できない文字を 表現するために使用されます。適切なエンコードがないと、これらの 文字がHTML構造を壊したり、異なるブラウザやプラットフォーム間で 正しくレンダリングされない可能性があります。

このツールは3つのエンティティ形式をサポートしています。 名前付きエンティティ(&amp; など)、数値 10進数エンティティ(&#38; など)、16進数 エンティティ(&#x26; など)です。名前付きエンティティは 最も可読性が高く広く使用されていますが、数値および16進数形式は Unicode範囲のあらゆる文字との互換性を保証します。

すべての処理はネイティブJavaScriptを使用してブラウザ内で完結 します。サーバーへのデータ送信は一切なく、機密コンテンツ、 独自のHTMLテンプレート、内部コードベースでも安全に使用できます。 組み込みの参照テーブルには、最もよく使用される34個のHTMLエンティティ が、名前付き、数値、16進数の各表現とともに掲載されています。

使い方

  1. 上部のトグルバッジで Encode または Decode モードを選択します。
  2. Encodeモードでは、NamedNumericHex からエンティティ形式を選択します。
  3. 特殊文字(<>&"')のみのエンコードと、すべての非ASCII文字のエンコードを切り替えることもできます。
  4. Input パネルにテキストを貼り付けまたは入力します。出力はリアルタイムで自動更新されます。
  5. Copy をクリックして結果をコピーするか、Swap ボタンで入出力を入れ替えます。
  6. Show Entity Reference でよく使われるHTMLエンティティの一覧表を表示します。
  7. キーボードショートカット:Ctrl+Enter で処理実行、Ctrl+Shift+C で出力をコピー。

よくある質問

データは安全ですか?

はい。すべてのエンコード・デコード処理は、ネイティブJavaScriptを使用してブラウザ内のクライアントサイドで実行されます。サーバーやサードパーティにデータが送信されることは一切ありません。

名前付き、数値、16進数エンティティの違いは何ですか?

名前付きエンティティは、&amp; のように人間が読みやすいエイリアスを使用します。数値エンティティは &#38; のように10進数のUnicodeコードポイントを使用します。16進数エンティティは &#x26; のように16進数のコードポイントを使用します。3つすべて有効なHTMLであり、ブラウザでは同じようにレンダリングされます。

すべての文字をエンコードすべきですか、特殊文字のみで十分ですか?

ほとんどのHTMLコンテキストでは、5つの特殊文字(<>&"')のみのエンコードで十分です。すべての非ASCII文字のエンコードは、ASCIIのみをサポートするシステムとの互換性が必要な場合や、文字エンコーディングが不確実な環境にコンテンツを埋め込む場合に有用です。

参照テーブルにないエンティティもデコードできますか?

はい。デコーダーは、すべての標準的な名前付きHTMLエンティティ(ブラウザ組み込みのHTMLパーサーをフォールバックとして使用)、およびUnicode全範囲の数値10進数・16進数エンティティを処理できます。

なぜHTMLエンティティのエンコードが必要なのですか?

<、>、& などの文字はHTMLで特別な意味を持ちます。ユーザー提供のテキストをこれらの文字をエンコードせずに表示すると、ブラウザがHTMLタグやエンティティとして解釈し、レイアウトが壊れたり、クロスサイトスクリプティング(XSS)脆弱性が発生する可能性があります。

利用可能なキーボードショートカットは何ですか?

Ctrl+Enterで処理を実行(出力はリアルタイムで更新されるため、主に一貫性のため)、Ctrl+Shift+Cで出力をクリップボードにコピーします。

関連ツール