256 Tools

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

結果

関連する外部サイト

一部のリンクはアフィリエイトリンクを含みます。

関連ツール

テキストをHTMLエンティティに変換したり、元に戻したりします。HTMLで特別な意味を持つ文字(<、>、&、引用符など)をエスケープしてテキストとして表示させたり、非ASCII文字もエンコードしたりできます。名前付き・数値参照のデコードにも対応。すべてブラウザ上で動作します。

使い方

  1. 変換方向を選びます(エンコードまたはデコード)。
  2. エンコード時に必要であれば非ASCII文字もエンコードするオプションをオンにします。
  3. テキストを貼り付けて結果をコピーします。

仕組み

エンコードでは、HTMLで意味を持つ5文字(& < > " ')を &amp; や &lt; などのエンティティに置き換えることで、ブラウザがマークアップとして解釈せずそのまま表示できるようになります。非ASCIIオプションをオンにすると、基本範囲を超える文字は &#233; のような数値参照に変換されます。デコードはこの逆で、名前付きエンティティ(&copy;)や数値参照(&#x2615;)を文字に戻します。

「<」記号が HTMLエンティティ &lt; に相互変換される様子。<&lt;

主な機能

HTML文字のエスケープ

& < > および両方の引用符をエンコードし、HTMLに安全に埋め込めるテキストにします。

非ASCIIオプション

アクセント文字や記号を数値参照に変換するオプションも選択できます。

エンティティのデコード

名前付きエンティティや数値参照を読みやすい文字に戻します。

双方向対応

ワンクリックでエンコードとデコードを切り替えられます。

こんなときに使う

HTMLでコードを表示

タグやコードスニペットをレンダリングさせずにページ上に表示します。

記号の挿入

数値参照を使って特殊文字を安全に追加します。

メール・テンプレート

HTMLテンプレートに挿入する前にユーザー入力をエスケープします。

エンコードされたテキストの解読

ログやエクスポートファイルのエンティティ込みテキストをプレーンテキストに戻します。

注意事項

  • デコードは一般的な名前付きエンティティとすべての数値参照に対応しています。
  • アポストロフィは属性内での安全な使用のため &#39; としてエンコードされます。
  • エスケープはマークアップの破損やページへのスクリプト注入を防ぐのに役立ちます。
  • すべての処理はデバイス上で行われ、アップロードはされません。

よくある質問

&lt; とは何ですか?
&lt; は「<」(小なり記号)のHTMLエンティティです。&lt; と書くことで、ブラウザがタグの開始として解釈せず、文字としてそのまま表示します。
数値参照とは何ですか?
文字をコードポイントで表す参照です。10進数(&#233;)または16進数(&#xe9;)で記述でき、あらゆる文字を表現できます。
なぜHTMLをエスケープするのですか?
特殊文字を正しく表示させるためと、信頼できないテキストがマークアップやスクリプトとしてページに注入されるのを防ぐためです。
どのエンティティをデコードできますか?
&amp;、&copy;、&mdash; などの一般的な名前付きエンティティと、すべての10進数・16進数の数値参照に対応しています。
テキストはサーバーに送信されますか?
いいえ。エンコード・デコードはすべてブラウザ内で行われます。

広告と解析のために Cookie を使用します。