最近使用したツールはありません
お気に入りはまだありません

無料HTMLエスケープ・アンエスケープツール - エンティティエンコーダ

20 回使用

HTMLエンティティ参照表

文字エンティティ名エンティティ番号説明
<&lt;&#60;小なり、タグ開始
>&gt;&#62;大なり、タグ終了
&&amp;&#38;アンパサンド、エンティティ開始
"&quot;&#34;二重引用符、属性区切り
'&apos;&#39;一重引用符、属性区切り
 &nbsp;&#160;ノーブレークスペース
©&copy;&#169;著作権記号
®&reg;&#174;登録商標記号

HTMLエスケープガイド

HTMLエスケープとは?
HTMLエスケープは< > &などの特殊文字をエンティティコードに変換し、ブラウザがHTMLマークアップとして解釈するのを防ぎます。
XSS対策
ユーザー入力のエスケープは、クロスサイトスクリプティング(XSS)攻撃を防ぐために不可欠です。
コード表示
Webページ上でHTMLソースコードを表示する際、タグをエスケープしてテキストとして表示する必要があります。
データ安全性
ユーザー生成コンテンツをHTMLで表示する前にエスケープします。ReactやVueなどのモダンフレームワークは自動で行います。
エンティティ形式
HTMLエンティティには名前形式(&lt;)と数値形式(&#60;)があります。両方とも同じ結果を生成します。
必須エスケープ文字
HTMLで必ずエスケープすべき5文字: < > & " ' — HTML構文で特別な意味を持ちます。

よくある質問

Q XSSとは何ですか?HTMLエスケープはどう防ぎますか?
A XSS(クロスサイトスクリプティング)は悪意のあるスクリプトがWebページに注入される攻撃です。エスケープにより<script>タグがコードとして実行されるのを防ぎます。
Q 保存時とと表示時のどちらでエスケープすべきですか?
A 表示時のエスケープ(出力エンコーディング)がベストプラクティスです。検索や柔軟性のために生データを保存します。
Q &nbsp;と通常のスペースの違いは?
A &nbsp;はブラウザによって結合されない、改行しないスペースです。連続する通常のスペースは1つに結合されます。
Q なぜモダンフレームワークはHTMLを自動エスケープしますか?
A React、Vue、AngularなどはデフォルトでXSSを防ぐために挿入コンテンツを自動エスケープします。
Q HTMLエスケープとURLエンコードの違いは何ですか?
A HTMLエスケープ(またはHTMLエンコーディング)は、<、>、&、"、'などの特殊文字をHTMLエンティティ(例:&lt;、&gt;)に変換し、ブラウザがそれらをコードとして解釈するのを防ぎます。これは、ウェブページでユーザー生成コンテンツを表示する際のXSS対策に不可欠です。一方、URLエンコードは、スペース、&、=、/などの安全でない文字をパーセントエンコードされたシーケンス(例:%20、%26)に変換し、URLパスやクエリ文字列内で安全に送信できるようにします。これらは異なるウェブコンテキストで異なる目的を果たします。
Q ウェブページで実際のHTMLタグやコードスニペットを安全に表示するにはどうすればよいですか?
A ブラウザに解釈させずにHTMLページでHTMLタグやコードスニペットを表示するには、コンテンツをHTMLエスケープする必要があります。これにより、`<`、`>`、`&`などの特殊文字がそれぞれのHTMLエンティティ(例: `&lt;`、`&gt;`、`&amp;`)に変換されます。これらのエンティティを`<pre>`や`<code>`タグ内に配置すると、ブラウザはそれらを元の文字としてレンダリングし、コードの正しい表示を保証します。
Q なぜウェブページで「&amp;」や「&lt;」のようなHTMLエンティティがそのまま表示されてしまうのですか?
A これは、テキストが複数回HTMLエスケープされた場合や、データベースから以前エスケープされたコンテンツが正しくデコードされずに取得された場合に頻繁に発生します。ブラウザは、文字としてレンダリングする代わりに、これらの*リテラル*なエンティティを表示しているためです。HTMLアンエスケープツールを使用すると、これらの「&amp;」や「&lt;」をそれぞれ「&」と「<」に変換し直し、コンテンツが正しく意図した通りに、文字化けせずに表示されるようになります。
Q データベースのコンテンツが `&amp;` や `&lt;` のようなHTMLエンティティで表示されますが、ウェブサイトで表示するためにこれらをどのようにデコードすればよいですか?
A データベースから取得したコンテンツが実際の文字ではなくHTMLエンティティで表示される場合、テキストが保存前にHTMLエスケープされたことを意味します。ウェブページでこれを正しくレンダリングするには、HTMLアンエスケープツールを使用する必要があります。これにより、`&amp;` のようなエンティティが `&` に、`&lt;` が `<` に変換され、特殊文字と元の書式設定が、生のエンティティコードとしてではなく、意図したとおりに表示されるようになります。
Q スプレッドシートやテキストファイルからのHTML文字列リストを素早くエスケープまたはアンエスケープするにはどうすればよいですか?
A 当社のオンラインHTMLエスケープツールは、一括処理に最適です。スプレッドシートの列全体、または文字列のリストを入力エリアにコピー&ペーストするだけです。ツールは即座にすべての特殊文字をHTMLエンティティに変換(エスケープ)したり、元に戻したり(アンエスケープ)します。これにより、スプレッドシート、CSV、テキストファイルからのウェブ表示用データを準備する際、XSS防止や正しいレンダリングを確実にし、大幅な時間節約になります。

使い方

関連ツール