Tools

HTMLエンコーダー/デコーダー

HTML特殊文字をエンティティにエンコード、またはエンティティを元の文字にデコードします。

計算方法

HTMLエンコードは、HTMLで特別な意味を持つ文字をエンティティに変換する方式です。 主な変換文字: • & → &amp; • < → &lt; • > → &gt; • " → &quot; • ' → &#39; 主な用途: • ウェブページにコードを表示する場合 • XSS(クロスサイトスクリプティング)攻撃の防止 • HTMLドキュメント内で特殊文字を安全に表示

計算例

入力: <script>alert("XSS")</script> エンコード結果: &lt;script&gt;alert(&quot;XSS&quot;)&lt;&#x2F;script&gt; 入力: Tom & Jerry エンコード結果: Tom &amp; Jerry

よくある質問

HTMLエンコードはなぜ必要ですか?
HTMLでは<、>、&、"などの文字はタグやエンティティとして解釈されます。エンコードしないと、ブラウザがコードとして実行し、XSS(クロスサイトスクリプティング)攻撃に脆弱になる可能性があります。
二重エンコードするとどうなりますか?
二重エンコードにより&amp;が&amp;amp;になり、画面に「&amp;」と表示されます。エンコード前に元のテキストかどうかを確認してください。
HTMLエンティティの種類は?
名前型: &lt;、&gt;、&amp;、&quot;。10進数型: &#60;、&#62;。16進数型: &#x3C;、&#x3E;。このツールは最も互換性の高い形式に変換します。
ReactやVueでもHTMLエンコードは必要ですか?
ReactのJSXやVueのテンプレートはデフォルトでテキストを自動エスケープします。ただし、dangerouslySetInnerHTML(React)やv-html(Vue)を使用する場合は手動でエンコードする必要があります。

関連ツール