⌘K でツールを切替
ENCODE & DECODE

HTMLエンティティ エンコーダー&デコーダー

HTMLエンティティのエンコード・デコードを行います。

local
html-encode
§01 このツールについて

概要

HTMLエンティティを使うと、そのままではマークアップとして解釈される文字を表示できます。 このツールのエンコードは、HTMLの本文や属性値に任意のテキストを安全に埋め込むために必要な 最小限の5文字(&<>"')をエスケープします。デコードは逆方向の変換で、 ブラウザが認識するあらゆるエンティティを解決します。

使い方

  1. モードタブでEncodeまたはDecodeを選択します。
  2. 入力欄(エンコード時はText、デコード時はHTMLのラベル)に入力・貼り付けします。
  3. Result欄の変換結果を確認・コピーします。結果は入力と同時に更新されます。

使用例

  • エンコード: <a href="x">Tom & Jerry</a>&lt;a href=&quot;x&quot;&gt;Tom &amp; Jerry&lt;/a&gt;
  • デコード: &copy; 2026 &lt;dev&gt;© 2026 <dev>
  • デコード(16進数値): &#x3042;

注意事項

デコードはDOMParserでテキストコンテンツを抽出するため、入力にエスケープされていない 実際のHTMLタグが含まれる場合、タグ自体は除去されテキストだけが残ります。エンコード結果は 2種類のクォートを両方エスケープするため、要素の本文にもクォート付き属性値にも安全に使えます。

FAQ
入力はサーバーに送信されますか?
いいえ。エンコードは単純な文字置換、デコードはブラウザ内蔵のDOMParserで行い、すべてブラウザ内で完結します。アップロードは一切ありません。
エンコードではどの文字がエスケープされますか?
HTMLで意味を持つ5文字だけです。& は &amp; に、< は &lt; に、> は &gt; に、ダブルクォートは &quot; に、シングルクォートは &#39; に変換されます。それ以外の文字はそのまま通過します。
&copy; のような名前付きエンティティや &#x3042; のような数値エンティティもデコードできますか?
はい。デコードはDOMParserで入力を解析するため、名前付き・10進・16進を問わず、ブラウザが理解するすべてのエンティティが解決されます。エンコードが生成する5種類に限りません。