無料HTMLエスケープ・アンエスケープツール - エンティティエンコーダ
20 回使用HTMLエンティティ参照表
| 文字 | エンティティ名 | エンティティ番号 | 説明 |
|---|---|---|---|
| < | < | < | 小なり、タグ開始 |
| > | > | > | 大なり、タグ終了 |
| & | & | & | アンパサンド、エンティティ開始 |
| " | " | " | 二重引用符、属性区切り |
| ' | ' | ' | 一重引用符、属性区切り |
|   | ノーブレークスペース | |
| © | © | © | 著作権記号 |
| ® | ® | ® | 登録商標記号 |
HTMLエスケープガイド
HTMLエスケープとは?
HTMLエスケープは< > &などの特殊文字をエンティティコードに変換し、ブラウザがHTMLマークアップとして解釈するのを防ぎます。
XSS対策
ユーザー入力のエスケープは、クロスサイトスクリプティング(XSS)攻撃を防ぐために不可欠です。
コード表示
Webページ上でHTMLソースコードを表示する際、タグをエスケープしてテキストとして表示する必要があります。
データ安全性
ユーザー生成コンテンツをHTMLで表示する前にエスケープします。ReactやVueなどのモダンフレームワークは自動で行います。
エンティティ形式
HTMLエンティティには名前形式(<)と数値形式(<)があります。両方とも同じ結果を生成します。
必須エスケープ文字
HTMLで必ずエスケープすべき5文字: < > & " ' — HTML構文で特別な意味を持ちます。
よくある質問
XSSとは何ですか?HTMLエスケープはどう防ぎますか?
XSS(クロスサイトスクリプティング)は悪意のあるスクリプトがWebページに注入される攻撃です。エスケープにより<script>タグがコードとして実行されるのを防ぎます。
保存時とと表示時のどちらでエスケープすべきですか?
表示時のエスケープ(出力エンコーディング)がベストプラクティスです。検索や柔軟性のために生データを保存します。
と通常のスペースの違いは?
はブラウザによって結合されない、改行しないスペースです。連続する通常のスペースは1つに結合されます。
なぜモダンフレームワークはHTMLを自動エスケープしますか?
React、Vue、AngularなどはデフォルトでXSSを防ぐために挿入コンテンツを自動エスケープします。
HTMLエスケープとURLエンコードの違いは何ですか?
HTMLエスケープ(またはHTMLエンコーディング)は、<、>、&、"、'などの特殊文字をHTMLエンティティ(例:<、>)に変換し、ブラウザがそれらをコードとして解釈するのを防ぎます。これは、ウェブページでユーザー生成コンテンツを表示する際のXSS対策に不可欠です。一方、URLエンコードは、スペース、&、=、/などの安全でない文字をパーセントエンコードされたシーケンス(例:%20、%26)に変換し、URLパスやクエリ文字列内で安全に送信できるようにします。これらは異なるウェブコンテキストで異なる目的を果たします。
ウェブページで実際のHTMLタグやコードスニペットを安全に表示するにはどうすればよいですか?
ブラウザに解釈させずにHTMLページでHTMLタグやコードスニペットを表示するには、コンテンツをHTMLエスケープする必要があります。これにより、`<`、`>`、`&`などの特殊文字がそれぞれのHTMLエンティティ(例: `<`、`>`、`&`)に変換されます。これらのエンティティを`<pre>`や`<code>`タグ内に配置すると、ブラウザはそれらを元の文字としてレンダリングし、コードの正しい表示を保証します。
なぜウェブページで「&」や「<」のようなHTMLエンティティがそのまま表示されてしまうのですか?
これは、テキストが複数回HTMLエスケープされた場合や、データベースから以前エスケープされたコンテンツが正しくデコードされずに取得された場合に頻繁に発生します。ブラウザは、文字としてレンダリングする代わりに、これらの*リテラル*なエンティティを表示しているためです。HTMLアンエスケープツールを使用すると、これらの「&」や「<」をそれぞれ「&」と「<」に変換し直し、コンテンツが正しく意図した通りに、文字化けせずに表示されるようになります。
データベースのコンテンツが `&` や `<` のようなHTMLエンティティで表示されますが、ウェブサイトで表示するためにこれらをどのようにデコードすればよいですか?
データベースから取得したコンテンツが実際の文字ではなくHTMLエンティティで表示される場合、テキストが保存前にHTMLエスケープされたことを意味します。ウェブページでこれを正しくレンダリングするには、HTMLアンエスケープツールを使用する必要があります。これにより、`&` のようなエンティティが `&` に、`<` が `<` に変換され、特殊文字と元の書式設定が、生のエンティティコードとしてではなく、意図したとおりに表示されるようになります。
スプレッドシートやテキストファイルからのHTML文字列リストを素早くエスケープまたはアンエスケープするにはどうすればよいですか?
当社のオンラインHTMLエスケープツールは、一括処理に最適です。スプレッドシートの列全体、または文字列のリストを入力エリアにコピー&ペーストするだけです。ツールは即座にすべての特殊文字をHTMLエンティティに変換(エスケープ)したり、元に戻したり(アンエスケープ)します。これにより、スプレッドシート、CSV、テキストファイルからのウェブ表示用データを準備する際、XSS防止や正しいレンダリングを確実にし、大幅な時間節約になります。
使い方
- 入力欄にHTMLまたはテキストを入力
- エスケープをクリックして特殊文字をエンティティに変換
- アンエスケープをクリックしてエンティティを文字に戻す
- HTMLプレビューでブラウザでのレンダリング結果を確認
- すべての処理はブラウザ内でローカルに実行されます