HTMLエンティティ変換
HTML特殊文字のエンコード・デコードを行えます。名前付き・10進数・16進数の3形式に対応。
HTMLエンティティ変換ツールの使い方
「エンコード」タブではHTMLタグや特殊文字を含むテキストをHTMLエンティティに変換します。ブログにソースコードを掲載する際や、HTMLメールでの特殊文字表示に役立ちます。名前付き(&)・10進数(&)・16進数(&)の3形式から選択できます。
「デコード」タブではHTMLエンティティを元のテキストに復元します。Webスクレイピングで取得したテキストの整形や、エンコードされた文字列の確認に便利です。
HTMLエンティティとは
HTMLエンティティは、HTMLで特殊な意味を持つ文字(< > & "など)や、キーボードから直接入力しにくい文字(著作権記号 ©、商標 ™など)をテキストとして安全に表現するための記法です。
例えば、HTMLタグとして解釈されないよう < を表示するには < と記述します。XSS(クロスサイトスクリプティング)対策としてもHTMLエンティティへのエンコードは重要です。
主な機能
- エンコード --- テキストをHTMLエンティティに変換(3形式対応)
- デコード --- HTMLエンティティを元のテキストに復元
- 名前付きエンティティ --- & < > © など
- 数値エンティティ --- 10進数(&)と16進数(&)対応
- エンティティ一覧表 --- よく使うエンティティをクリックでコピー
関連記事
よくある質問
- Q. HTMLエンティティとは何ですか?
- HTMLエンティティは、HTMLで特殊な意味を持つ文字(< > & "など)やキーボードから入力しにくい文字(© ® ™など)をテキストで安全に表現するための記法です。例えば < を表示するには < と記述します。
- Q. 3つのエンコード形式の違いは?
- 名前付き(&)は人間が読みやすく、10進数(&)は全Unicode文字に対応、16進数(&)はプログラミングで扱いやすい形式です。HTML5では名前付きエンティティが推奨されていますが、マイナーな文字は数値エンティティが必要です。
- Q. XSS対策にも使えますか?
- はい、ユーザー入力をHTMLに表示する際に < > & " ' をエンティティに変換することは、XSS(クロスサイトスクリプティング)対策の基本です。ただし、実際のWebアプリケーションではフレームワークの自動エスケープ機能を使うことを推奨します。
関連ツール
開発者
Zeronova(ゼロノバ)
Product Manager / AI-Native Builder
19年以上のWeb/IT業界経験を持つPdMが、現場で本当に使えるツールを開発。登録不要・ブラウザだけで動作する無料ツールを93種類以上公開中。