HTMLエンコーダ/デコーダ
HTMLエンティティのエンコード/デコードツール。スマートな自動検出、三つのエンコード形式、ファイルのアップロード/ダウンロード、200以上のエンティティ参照表に対応しています。
入力テキスト
出力結果
👁 ビジュアルプレビュー — エンコードされた出力がブラウザでどのように表示されるか
折りたたむ入力テキストのエンコードが完了すると、実際のレンダリング結果がここに表示されます
📚 HTMLエンティティ参照（クリックして展開）
HTMLエンティティのエンコード／デコードとは何ですか？
HTMLエンティティで始まるテキスト文字列です& で終わります ;、HTMLドキュメント内で予約文字を表示するために使用される（例えば<, >)、あるいはキーボードで入力しにくい文字（例えば©, €）。
エンコード: HTML内の特殊文字を、それに対応するHTMLエンティティに置き換え、ブラウザがそれらをHTMLタグとして解析するのを防ぎます
デコード: HTMLエンティティを元の文字に戻し、実際のコンテンツを閲覧・編集しやすくします
エスケープが必要な6つの文字
| キャラクター | 固有名詞 | 10進エンティティ | 16進数エンティティ | 説明 |
|---|---|---|---|---|
| & | & | & | & | アンパサンド |
| < | < | < | < | 未満 |
| > | > | > | > | より大きい |
| " | " | " | " | 二重引用符 |
| ' | ' | ' | ' | 一重引用符 |
一般的な利用例
- XSSの防止 — ユーザー入力の
<>をエンコードして、HTMLページに安全に埋め込む - Webページにコードを表示する—ブラウザが実際の要素としてレンダリングすることなく、HTMLコードのスニペットを表示する
- 安全なデータ転送—特殊文字を含むテキストは、保存または送信する前にエンコードしてください
- テンプレートの開始—テンプレートに動的なHTMLコンテンツを埋め込む際は、それをエンコードする