HTMLエンティティ変換
HTMLの特殊文字(< > & " ')をエンティティに変換、またはエンティティを元の文字に復元します。
よく使うHTMLエンティティ一覧
| 文字 | エンティティ名 | エンティティ番号 | 説明 |
|---|---|---|---|
| & | & | & | アンパサンド |
| < | < | < | 小なり |
| > | > | > | 大なり |
| " | " | " | ダブルクォート |
| ' | ' | ' | シングルクォート |
| |   | ノーブレークスペース | |
| © | © | © | 著作権記号 |
| ® | ® | ® | 登録商標 |
| ™ | ™ | ™ | 商標 |
| ¥ | ¥ | ¥ | 円記号 |
| € | € | € | ユーロ記号 |
| — | — | — | emダッシュ |
| … | … | … | 省略記号 |
HTMLエンティティについて
HTMLエンティティは、HTMLで特別な意味を持つ文字(< > & など)や、キーボードから直接入力しにくい特殊文字を表記するための仕組みです。
たとえば <div> をHTML内にそのまま表示したい場合、ブラウザはこれをHTMLタグとして解釈してしまいます。エンティティ <div> に変換することで、タグではなくテキストとして表示されます。
このツールは入力テキスト中の & < > " ' をエンティティに変換(エンコード)、またはエンティティを元の文字に復元(デコード)します。XSS対策やHTMLテンプレートの作成時に便利です。
使い方
- まず「入力」を入力または選択し、「出力」や「追加設定」も目的に合わせて調整します。
- 次に「エンコード ▼」を実行して、「出力」を更新します。
- 最後に表示された「出力」を確認し、必要であれば「出力をコピー」で再利用します。
変換前後の文字列を見比べながら使うと、文字化けや形式違いを早く見つけられます。すべてブラウザ内で処理されるため、検証用途でも扱いやすい構成です。
HTMLエンティティ変換とは?
HTMLの特殊文字(< > & " ')をエンティティに変換、またはエンティティを元の文字に復元します。 HTMLエンティティは、HTMLで特別な意味を持つ文字( < > & など)や、キーボードから直接入力しにくい特殊文字を表記するための仕組みです。 たとえば <div> をHTML内にそのまま表示したい場合、ブラウザはこれをHTMLタグとして解釈してしまいます。エンティティ <div> に変換することで、タグではなくテキストとして表示されます。 このツールは入力テキスト中の & < > " ' をエンティティに変換(エンコード)、またはエンティティを元の文字に復元(デコード)します。XSS対策やHTMLテンプレートの作成時に便利です。
よくある質問
Q: このツールは無料ですか?
はい、完全無料で登録不要です。すべての処理はブラウザ内で行われ、データが外部に送信されることはありません。
Q: 「入力」と「出力」はどう使い分けますか?
基本は「入力」から設定し、必要に応じて「出力」や「追加設定」で細かく調整します。「エンコード ▼」を実行すると「出力」へ反映されるので、条件差を見比べながら調整できます。
Q: 「出力」はそのまま再利用できますか?
はい。表示された「出力」は「出力をコピー」で持ち出しやすく、資料作成や別の実装作業へそのままつなげられます。条件を変えて複数パターンを作り、比較しながら使う運用にも向いています。
Q: スマートフォンでも使えますか?
はい、レスポンシブデザインに対応しており、スマートフォン・タブレットでもご利用いただけます。
よくある質問
Q.このツールは無料ですか?
A.はい、完全無料で登録不要です。すべての処理はブラウザ内で行われ、データが外部に送信されることはありません。
Q.「入力」と「出力」はどう使い分けますか?
A.基本は「入力」から設定し、必要に応じて「出力」や「追加設定」で細かく調整します。「エンコード ▼」を実行すると「出力」へ反映されるので、条件差を見比べながら調整できます。
Q.「出力」はそのまま再利用できますか?
A.はい。表示された「出力」は「出力をコピー」で持ち出しやすく、資料作成や別の実装作業へそのままつなげられます。条件を変えて複数パターンを作り、比較しながら使う運用にも向いています。
Q.スマートフォンでも使えますか?
A.はい、レスポンシブデザインに対応しており、スマートフォン・タブレットでもご利用いただけます。