無料オンラインHTMLエンティティエンコーダー & デコーダー

この無料オンラインツールでHTMLエンティティをエンコード・デコードできます。<、>、&、引用符などの特殊文字をHTMLエンティティへ変換したり、エンティティ文字列を読みやすいテキストへ戻したりできます。

HTMLエンティティとは？

HTMLエンティティは、HTMLで特別な意味を持つ文字や、キーボードで入力しにくい文字を表すための特殊なコードです。アンパサンドで始まり、セミコロンで終わります。たとえば小なり記号は、ブラウザにHTMLタグとして解釈されないように < と書きます。

HTMLエンティティの種類

名前付きエンティティ

人が読みやすい形式
例: & < >
覚えやすい
定義済みの名前に限られる
最もよく使われる形式

10進数エンティティ

Unicodeコードポイントを10進数で使用
例: &#38; &#60; &#62;
任意の文字に使える
ブラウザ対応が広い
形式: &#NUMBER;

16進数エンティティ

Unicodeコードポイントを16進数で使用
例: &#x26; &#x3C; &#x3E;
任意の文字に使える
Unicode表と対応しやすい
形式: &#xHEX;

HTMLエンティティを使う理由

セキュリティ（XSS防止）

クロスサイトスクリプティング攻撃を防ぐ
ユーザー生成コンテンツを安全に表示する
フォーム入力内のHTMLをエスケープする
コードインジェクションを防ぐ
安全なWebアプリに必要

特殊文字の表示

HTMLコードをテキストとして表示する
< > & をそのまま表示する
© ® ™ € £ などの記号を使う
数学記号（× ÷ ± ≠）を挿入する
矢印、図形、その他の記号を追加する

文字エンコーディング

クロスプラットフォーム互換性を確保する
アクセント付き文字（é à ü）を扱う
国際文字をサポートする
古いエンコーディングと併用する
文字化けやエンコーディング問題を避ける

コード表示

HTML/XMLソースコードを表示する
チュートリアルでコード例を見せる
ページ内にコードスニペットを埋め込む
ドキュメントや技術記事を書く
シンタックスハイライト用の内容を扱う

重要なHTMLエンティティ

& -> &

< -> <

> -> >

" -> "

' -> '

  -> (space)

® -> ®

™ -> ™

€ -> €

£ -> £

° -> °

このツールの使い方

モードを選択: テキストをエンティティへ変換するにはエンコード、エンティティをテキストへ戻すにはデコードを選びます。
形式を選択: エンコード時は名前付き、10進数、16進数、全文字モードを選びます。
テキストを入力: 入力欄にテキストまたはHTMLエンティティを入力・貼り付けます。
出力を確認: 変換結果が出力欄にすぐ表示されます。
エンティティを挿入: 参照テーブルの任意のエンティティをクリックして挿入できます。
コピーまたはダウンロード: コピーボタン、またはTXT、HTML、JSON形式でのダウンロードを使えます。
入れ替え: 入力と出力を入れ替え、モードも切り替えます。

よくある用途

コード表示: HTMLチュートリアルを書くとき、タグの山括弧をエンコードすると、マークアップとして解釈されずテキストとして表示できます。

フォームデータ: ユーザー送信コンテンツをHTMLへ挿入する前にエンコードし、XSS攻撃やレイアウト崩れを防ぎます。

メールテンプレート: HTMLメール内の特殊文字にエンティティを使うと、メールクライアント間の互換性が高まります。

CMSコンテンツ: 複数のシステムや異なるエンコーディングで処理される可能性があるコンテンツの特殊文字を安全に扱えます。

デバッグ: エンティティが多いHTMLをデコードすると、レンダリング問題の調査時に実際の内容を理解しやすくなります。

ブラウザ互換性

名前付きエンティティ: &、<、> など主要な名前付きエンティティはすべてのブラウザで対応しています。一部の新しい名前は古いブラウザで制限がある場合があります。

数値エンティティ: 10進数と16進数のエンティティはいずれもブラウザ全体で広く対応しています。

Unicode文字: モダンブラウザは数値エンティティを通じてUnicodeの広い範囲をサポートしています。

こんな人に最適

Web開発者
コンテンツライターとブロガー
メールテンプレートデザイナー
CMS管理者
セキュリティエンジニア
技術ライター

SEO担当者
フロントエンド開発者
WordPress開発者
ドキュメント作成者
QAテスター
HTMLを学ぶ学生

完全なプライバシー保護

すべてのエンコードとデコードはJavaScriptを使ってブラウザ内で行われます。データがサーバーへ送信されることはないため、コンテンツはプライベートに保たれます。

HTMLエンティティエンコーダー & デコーダー

入力

出力

よく使うHTMLエンティティ - クリックして挿入