HTMLエンティティ変換ツール

使い方

1. 1 Encode（エンコード）またはDecode（デコード）を選びます。
2. 2 Encodeの場合: エンコード対象の範囲（最小限／非ASCII／既知の名前付きすべて）と出力形式を選択します。
3. 3 Decodeの場合: &name;、&#dec;、&#xHEX; のいずれかを含むテキストを貼り付けてください。3種類すべてを同時に認識します。
4. 4 結果をコピーします。

このツールを使う理由

• 名前付き・10進数・16進数のエンティティを同時に認識し、入力内で自由に混在させても問題ありません。
• HTML5の250種類以上の名前付きエンティティをあらかじめ内蔵（外部データファイル不要）。
• 最小限の範囲、すべての非ASCII文字、または既知の名前付きエンティティすべてを対象にエンコード可能。
• 完全にクライアント側で動作し、瞬時に処理されます。

よくある質問

HTMLエンティティ変換ツール とは？

HTMLエンティティ変換ツールは、HTML文字実体参照（HTML character entities）をブラウザ内でその場でエンコード・デコードするツールです。特殊文字を名前付き・10進数・16進数のエンティティ形式に変換し、マークアップを安全に表示できるようにするほか、逆変換でエンティティを元の文字に復元することもできます。HTML5の250種類以上の名前付きエンティティを網羅しており、双方向の変換が正確に行えます。

機能

例

<a href="x">Tom & Jerry</a>

<a href="x">Tom & Jerry</a>

主な用途

1. 1

   コードをテキストとして表示

   <div> のようなタグがブラウザに解釈されずページ上にそのまま表示されるよう、スニペットをエンコードします。

2. 2

   信頼できない表示テキストのエスケープ

   ユーザーが入力したコンテンツを HTML に挿入する前にエンティティエンコードします（本番環境では、使用しているフレームワーク組み込みのエスケープ機能を優先してください）。

3. 3

   特殊記号の入力

   ©、→、ノーブレークスペースなどのエンティティを調べて、確実に貼り付けられます。

参考文献

• HTML Standard — Named character references — WHATWG
• Entity — MDN Web Docs Glossary — MDN

比較

基礎を学ぶ

関連ツール