HTML特殊文字をエンコード・デコードする無料ツール
このページでは、<、>、&、引用符などのHTML特殊文字をエスケープしたり、エンコード済みの文字列を元に戻したりできます。
変換処理はページ内のJavaScriptで実行されます。入力したテキストはサーバーへ送信されず、手元のブラウザだけで変換できます。
HTMLエンコード／デコードツール
HTML特殊文字・Unicode文字を相互変換
※入力内容はサーバに送信されません
使い方
- 変換したいテキストを入力します。
- HTMLエンコードまたはデコードを選びます。
- 変換結果を確認します。
- 必要に応じてコピーしてHTML、CMS、メール文面などに利用します。
HTMLエスケープが必要な理由
HTMLでは<や>がタグの開始・終了として解釈されます。そのため、説明文としてタグ文字を表示したい場合や、ユーザー入力をHTML内に表示する場合は、文字として扱われるようにエスケープする必要があります。
特に&は文字参照の始まりにも使われるため、二重変換や変換漏れが起きると表示が崩れることがあります。エンコード後の文字列を使う場所がHTML本文なのか、属性値なのか、JavaScript文字列なのかを意識すると事故を減らせます。
変換例
| 元の文字 | 変換後 | 用途 |
|---|---|---|
<div> | <div> | タグを文字として表示する |
Tom & Jerry | Tom & Jerry | &を安全に表示する |
"text" | "text" | 属性値内で引用符を扱う |
活用例
- HTMLタグを説明文として表示する。
- CMSやブログにコード例を貼り付ける。
- エンコード済み文字列を読める形に戻す。
- メールやテンプレート内の特殊文字を確認する。
利用時の注意点
- 同じ文字列を何度もエンコードすると二重エスケープになります。
- HTML、JavaScript、URLでは必要なエスケープ方法が異なります。
- セキュリティ対策として使う場合は、出力先に合ったエスケープ処理を確認してください。
- 表示確認は実際に貼り付ける画面でも行うと安心です。
あわせて使えるツール
HTMLやコード例の文字列を確認する場合は、XML整形やテキスト確認系のツールと組み合わせると作業しやすくなります。