⌘K でツールを切替
ENCODE & DECODE
HTMLエンティティ エンコーダー&デコーダー
HTMLエンティティのエンコード・デコードを行います。
html-encode
§01 このツールについて
概要
HTMLエンティティを使うと、そのままではマークアップとして解釈される文字を表示できます。
このツールのエンコードは、HTMLの本文や属性値に任意のテキストを安全に埋め込むために必要な
最小限の5文字(&・<・>・"・')をエスケープします。デコードは逆方向の変換で、
ブラウザが認識するあらゆるエンティティを解決します。
使い方
- モードタブでEncodeまたはDecodeを選択します。
- 入力欄(エンコード時はText、デコード時はHTMLのラベル)に入力・貼り付けします。
- Result欄の変換結果を確認・コピーします。結果は入力と同時に更新されます。
使用例
- エンコード:
<a href="x">Tom & Jerry</a>→<a href="x">Tom & Jerry</a> - デコード:
© 2026 <dev>→© 2026 <dev> - デコード(16進数値):
あ→あ
注意事項
デコードはDOMParserでテキストコンテンツを抽出するため、入力にエスケープされていない 実際のHTMLタグが含まれる場合、タグ自体は除去されテキストだけが残ります。エンコード結果は 2種類のクォートを両方エスケープするため、要素の本文にもクォート付き属性値にも安全に使えます。
FAQ
入力はサーバーに送信されますか?
いいえ。エンコードは単純な文字置換、デコードはブラウザ内蔵のDOMParserで行い、すべてブラウザ内で完結します。アップロードは一切ありません。
エンコードではどの文字がエスケープされますか?
HTMLで意味を持つ5文字だけです。& は & に、< は < に、> は > に、ダブルクォートは " に、シングルクォートは ' に変換されます。それ以外の文字はそのまま通過します。
© のような名前付きエンティティや あ のような数値エンティティもデコードできますか?
はい。デコードはDOMParserで入力を解析するため、名前付き・10進・16進を問わず、ブラウザが理解するすべてのエンティティが解決されます。エンコードが生成する5種類に限りません。