入出力データはサーバーに送信されず、どこにも保存されません。すべての処理はブラウザ上で完結します。

HTMLエンティティ エンコード / デコード

モード
出力

使い方


入力欄にテキストを入力します。エンコードモードではHTMLの特殊文字(&、<、>、"、')がエンティティに変換されます。デコードモードではHTMLエンティティが元の文字に復元されます。名前付きエンティティ(&amp;、&lt;、&copy;)、10進数(&#65;)、16進数(&#x41;)の数値参照に対応しています。

HTMLエンティティとは


HTMLエンティティは、HTMLマークアップで意味を持つ文字を表現するための特殊コードです。例えば<と>はHTMLタグを定義するため、テキストとして表示するには&lt;と&gt;を使う必要があります。アンパサンド(&)はすべてのエンティティの開始文字なので、&amp;と書く必要があります。エンティティはXSS脆弱性の防止とHTMLの正確な表示に不可欠です。

活用シーン


  • XSS(クロスサイトスクリプティング)攻撃の防止 — ユーザー入力をHTMLに表示する前にエスケープ
  • ブログ記事へのコードスニペットの埋め込み — <pre>タグ内でタグ文字を正しく表示
  • HTMLメールテンプレートの作成 — メールクライアント間での特殊文字の表示を統一
  • CMSコンテンツのサニタイズ — 投稿やコメントに含まれるHTML構文の無害化

よく使われるHTMLエンティティ


  • &amp; → & (アンパサンド)— すべてのエンティティの起点文字
  • &lt; → < / &gt; → > (不等号)— HTMLタグと区別するために必須
  • &quot; → " (ダブルクォート)— 属性値内で使用
  • &apos; → ' (シングルクォート)— 属性値やJavaScript内で使用
  • &nbsp; → 半角スペース(ノーブレークスペース)— 改行を防ぐスペース
  • &copy; → © / &reg; → ® — 著作権・登録商標マーク
  • &mdash; → — / &ndash; → – — ダッシュ記号(全角・半角)
  • &hellip; → … — 三点リーダー

プライバシー


すべてのエンコード・デコード処理はブラウザ内で完結します。データがサーバーに送信・保存・記録されることは一切ありません。機密コンテンツを含むHTMLも安心してエンコードできます。