HTMLエンティティエンコーダ/デコーダ
特殊文字をHTMLエンティティにエンコードし、エンティティを読みやすいテキストに戻してデコードします。
エンコードするためのプレインテキストまたはデコードするためのHTMLエンティティを貼り付けます。
エンコードまたはデコードされた結果がここに表示されます。
任意のエンティティをクリックしてクリップボードにコピーできます。
HTMLエンティティエンコーダ/デコーダー — オンラインでHTMLエンティティを無料で変換
弊社の無料HTMLエンティティエンコーダ/デコーダーを使用すると、特殊文字とそのHTMLエンティティ相当を即座に変換できます。HTMLタグ、記号、特殊文字を安全にウェブページに表示するためにテキストをエンコードするか、HTMLエンティティを読みやすいテキストに戻してデコードするかを選択できます。すべての処理はブラウザ内で行われ、データ転送はゼロです。
HTMLエンティティとは?
HTMLエンティティとは、HTMLで特殊文字を表すために使用される特別なコードです。例えば、<はHTMLタグを開くために使用されるため、ウェブページにリテラルの<を表示するには<と書く必要があります。同様に、&は&、"は"、©は©になります。
HTMLエンティティは3つのタイプに分類されます:
- 名前付きエンティティは読みやすい名前を使用します。例えば、非破壊スペースには
、éにはé。 - 十進数エンティティはUnicodeコードポイントを十進数で使用します。例えば、©は
©。 - 十六進数エンティティはコードポイントを十六進数で使用します。例えば、©は
©。
すべての形式はブラウザで同じ結果になります。選択は通常、読みやすさと互換性によって決まります。名前付きエンティティは読みやすいですが、数値エンティティはすべてのUnicode文字(名前付きエンティティがない文字でも)に対応します。
このツールの使い方
- テキストを貼り付け:入力エリアにテキストを貼り付けます。エンコードしたいプレーンテキストやデコードしたいHTMLエンティティを指定できます。
- 「エンコード」をクリック:特殊文字をHTMLエンティティ相当に変換します。例えば、
<div>は<div>になります。 - 「デコード」をクリック:HTMLエンティティを元の文字に戻します。例えば、
&は&になります。 - 結果をコピー:1クリックでクリップボードにコピーできます。
このツールは名前付きエンティティ、十進数エンティティ({)、十六進数エンティティ(💩)をサポートします。すべてのUnicode範囲(絵文字を含む)を処理できます。
主な特徴
| 特徴 | メリット |
|---|---|
| 双方向変換 | テキストをエンティティに変換またはエンティティをテキストに戻す |
| 名前付きエンティティサポート | ©などの読みやすい名前を使用 |
| 数値エンティティサポート | 十進数(©)と十六進数(©)の両方のフォーマットを処理 |
| 全Unicode範囲対応 | 絵文字を含むすべての文字をエンコード/デコード |
| バッチ処理 | 一度にテキストブロック全体を変換 |
| データ転送なし | すべての処理はブラウザ内でローカルで行われる |
多くのエンコーダーツールがXMLの5つの基本エンティティ(&、<、>、"、')のみを処理するのに対し、弊社のツールはHTML5の名前付きエンティティリスト(2,000を超えるエンティティ)をサポートし、名前付きエンティティがない文字に対しては数値エンコーディングにフォールバックします。
実際の使用例
ページ上にHTMLコードを表示
ウェブページ(ブログ投稿やチュートリアルなど)にHTMLソースコードをテキストとして表示したい場合、角括弧をエンコードする必要があります。<div class="example">はブラウザで<div class="example">としてレンダリングされ、実際のHTML要素として解釈されることはありません。
XMLおよびRSSフィード用のコンテンツ準備
XMLパーサーは<や&をマークアップとして解釈します。これらの文字を含むコンテンツはXML要素内に配置する前にエンコードする必要があります。これは特にRSSフィード、Atomフィード、サイトマップファイルにおいて重要です。
エメールコンテンツのエンコード
HTMLメールでは、特殊文字をエンコードすることで、さまざまなメールクライアントで正しく表示されるようにする必要があります。©、®、™、—などの文字は©、®、™、—としてエンコードすると安全です。
ユーザー入力のサニタイズ
ウェブページにユーザー生成のコンテンツを表示する際、<script>などのタグを無効化することで、クロスサイトスクリプティング(XSS)を防止できます。これはすべてのウェブアプリケーションにとって基本的なセキュリティ実践です。
一般的なHTMLエンティティ参考表
| 文字 | 名前付きエンティティ | 十進数 | 十六進数 |
|---|---|---|---|
| & | & |
& |
& |
| < | < |
< |
< |
| > | > |
> |
> |
| " | " |
" |
" |
| ' | ' |
' |
' |
| © | © |
© |
© |
FAQ
エンコードとデコードの違いは?
エンコードはテキストをHTMLエンティティに変換し、デコードはHTMLエンティティを元のテキストに戻します。
なぜデータ転送がゼロなのか?
すべての処理はブラウザ内で行われ、サーバーと通信する必要がないためです。
絵文字を含むテキストはサポートされるか?
はい、すべてのUnicode範囲(絵文字を含む)をサポートしています。
エンコード/デコードの処理はどのくらい速いのか?
ブラウザ内で即座に処理されるため、非常に高速です。
エンコード後のテキストは元のテキストに戻せるか?
はい、デコード機能で完全に元のテキストに戻せます。
サポートされる言語は?
すべての言語をサポートしますが、一部の特殊文字についてはエンコードが正確にできない場合があります。
エンコード/デコードの結果を保存できるか?
はい、結果をクリップボードにコピーして保存できます。
ツールの利用に料金はかかるか?
いいえ、完全無料で利用できます。
エンコード/デコードの処理はどのように行われるのか?
JavaScriptを使用してブラウザ内で処理されます。
エンコード/デコードの精度は?
HTMLエンティティの標準に準拠しており、高精度で処理されます。
エンコード/デコードの制限は?
すべてのUnicode文字をサポートしていますが、一部の特殊なケースでは不完全になる可能性があります。