HTMLエンティティ エンコード/デコード
特殊文字をHTMLエンティティにエンコード、またはエンティティを読みやすいテキストにデコードします。すべての処理はブラウザ内で行われます。
このツールについて
HTMLエンティティ エンコーダー&デコーダーは、特殊文字を対応する HTMLエンティティ表現に変換したり、その逆の変換を行う無料の ブラウザベースユーティリティです。ウェブページ用のコンテンツ 準備、表示用のユーザー入力のサニタイズ、HTMLレンダリングの 問題のデバッグなど、あらゆる場面で即座に変換を処理します。
HTMLエンティティは、HTMLの予約文字(<、>、
& など)や、著作権記号、通貨記号、数学演算子、
組版記号など、標準キーボードでは簡単に入力できない文字を
表現するために使用されます。適切なエンコードがないと、これらの
文字がHTML構造を壊したり、異なるブラウザやプラットフォーム間で
正しくレンダリングされない可能性があります。
このツールは3つのエンティティ形式をサポートしています。
名前付きエンティティ(& など)、数値
10進数エンティティ(& など)、16進数
エンティティ(& など)です。名前付きエンティティは
最も可読性が高く広く使用されていますが、数値および16進数形式は
Unicode範囲のあらゆる文字との互換性を保証します。
すべての処理はネイティブJavaScriptを使用してブラウザ内で完結 します。サーバーへのデータ送信は一切なく、機密コンテンツ、 独自のHTMLテンプレート、内部コードベースでも安全に使用できます。 組み込みの参照テーブルには、最もよく使用される34個のHTMLエンティティ が、名前付き、数値、16進数の各表現とともに掲載されています。
使い方
- 上部のトグルバッジで Encode または Decode モードを選択します。
- Encodeモードでは、Named、Numeric、Hex からエンティティ形式を選択します。
- 特殊文字(
<>&"')のみのエンコードと、すべての非ASCII文字のエンコードを切り替えることもできます。 - Input パネルにテキストを貼り付けまたは入力します。出力はリアルタイムで自動更新されます。
- Copy をクリックして結果をコピーするか、Swap ボタンで入出力を入れ替えます。
- Show Entity Reference でよく使われるHTMLエンティティの一覧表を表示します。
- キーボードショートカット:Ctrl+Enter で処理実行、Ctrl+Shift+C で出力をコピー。
よくある質問
データは安全ですか?
はい。すべてのエンコード・デコード処理は、ネイティブJavaScriptを使用してブラウザ内のクライアントサイドで実行されます。サーバーやサードパーティにデータが送信されることは一切ありません。
名前付き、数値、16進数エンティティの違いは何ですか?
名前付きエンティティは、& のように人間が読みやすいエイリアスを使用します。数値エンティティは & のように10進数のUnicodeコードポイントを使用します。16進数エンティティは & のように16進数のコードポイントを使用します。3つすべて有効なHTMLであり、ブラウザでは同じようにレンダリングされます。
すべての文字をエンコードすべきですか、特殊文字のみで十分ですか?
ほとんどのHTMLコンテキストでは、5つの特殊文字(<>&"')のみのエンコードで十分です。すべての非ASCII文字のエンコードは、ASCIIのみをサポートするシステムとの互換性が必要な場合や、文字エンコーディングが不確実な環境にコンテンツを埋め込む場合に有用です。
参照テーブルにないエンティティもデコードできますか?
はい。デコーダーは、すべての標準的な名前付きHTMLエンティティ(ブラウザ組み込みのHTMLパーサーをフォールバックとして使用)、およびUnicode全範囲の数値10進数・16進数エンティティを処理できます。
なぜHTMLエンティティのエンコードが必要なのですか?
<、>、& などの文字はHTMLで特別な意味を持ちます。ユーザー提供のテキストをこれらの文字をエンコードせずに表示すると、ブラウザがHTMLタグやエンティティとして解釈し、レイアウトが壊れたり、クロスサイトスクリプティング(XSS)脆弱性が発生する可能性があります。
利用可能なキーボードショートカットは何ですか?
Ctrl+Enterで処理を実行(出力はリアルタイムで更新されるため、主に一貫性のため)、Ctrl+Shift+Cで出力をクリップボードにコピーします。