開発者 / HTML

HTMLエンティティのエンコーダー、デコーダー、検索

テキストをHTMLエンティティとして、名前付き・10進数・16進数のいずれかでエンコードし、元の文字へデコードできます。2,231個の名前付き文字参照を、名前・文字・コードポイントから検索することもできます。

HTMLエンティティのエンコーダー、デコーダー、検索: エンコードでは、HTMLが特別に扱う5つの文字(& < > " ')を置き換えます。選択した場合は、ASCII以外のすべての文字も置き換えます。置き換えには、WHATWG HTML標準で名前が定義されている場合はその名前を使い、それ以外では数値参照を使います。デコードにはブラウザ独自のHTMLパーサーを使用するため、セミコロンなしで記述された旧式の参照を含め、Webページと同じようにすべての参照を正確に処理します。 サーバーへのファイルアップロードは一切なく、100%ブラウザ内でローカル実行します。

カテゴリ
開発者ツール
実行回数
ブラウザ内で
コスト
無料 · 登録不要
提供状況
すぐに使えます
HTMLエンティティエンコーダーローカル処理

完全にブラウザ内で実行します

結果

Caf&#233; &amp; cr&#232;me br&#251;l&#233;e &#8212; 5 &#8364; &lt; 10 &#163; &#128578;

エンティティを検索

名前付き参照はWHATWG HTML Living Standard(CC BY 4.0)で定義された2,231個です。UTF-8のページでは、エスケープが必要なのは&、<、>と属性内の引用符だけです。その他のモードは、非ASCIIテキストを扱えないシステム向けです。

エスケープが重要な場面

HTMLに挿入するテキストでは、&と<をエスケープする必要があります。属性値内の引用符も同様です。エスケープしないと、ページが壊れたり、訪問者の入力がスクリプトとして実行されたりする可能性があります。Reactなどのテンプレートエンジンやフレームワークは自動的にエスケープするため、HTMLを文字列として組み立てる場合にだけ手動でエスケープしてください。

基本的な文字をすばやくエスケープするならHTMLエンコーダーを、記号を直接コピーするなら特殊文字を使えます。

2文字を表す名前付き参照

&NotEqualTilde;(≂̸)のように、2つの文字を表す名前もあります。これは文字と結合文字の組み合わせです。デコードすると両方の文字になるため、コードポイントで検索すると最初の文字だけが表示されます。

使い方

  1. テキストを入力または貼り付け、エンコードする範囲を選択します。
  2. 「デコード」に切り替えると、エンティティを文字に戻せます。
  3. 表で記号のエンティティを検索します。copy、©、U+00A9などで検索できます。

プライバシーと制限事項

すべてのエンコードとデコードはブラウザ内で行われます。

関連ツール

よくある質問

アクセント記号付きの文字はエンコードする必要がありますか?

ほとんどのページがそうであるように、UTF-8で保存されたページでは必要ありません。エスケープが必要なのは、&、<、>と、属性値内の引用符だけです。すべての文字をエンコードする必要があるのは、ASCIIに制限されたシステムを使う場合だけです。

&#233;と&eacute;の違いは何ですか?

ブラウザにとっては違いがありません。どちらもéとして扱われます。数値参照はすべての文字に使えますが、名前付き参照は読みやすい一方、存在するのは2,231個の文字と文字列だけです。

&nbsp;はなぜ重要ですか?

これは改行されないスペースです。見た目は通常のスペースと同じですが、両側の単語を同じ行に保ちます。たとえば10 kgのように表示されます。

無料ツール · ブラウザ内で · アカウント不要