Global ToolBox

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

テキストを &、<、é のようなHTMLエンティティに即座に変換、または元に戻します。処理はすべてブラウザ内で完結します。

🔒 お使いのブラウザ内でローカル処理されます

Loading…

使い方

  1. 上部のモード切り替えで「エンコード」または「デコード」を選択します。
  2. エンコードモードでは、入力欄に任意のテキストを入力または貼り付けます。
  3. デコードモードでは、代わりにHTMLエンティティを含むテキストを貼り付けます。
  4. 結果は下に即座に表示されます。「コピー」で結果をコピーするか、「リセット」で内容をクリアできます。

特徴

  • HTMLへの安全な埋め込みに必要な5つのXML安全文字(& < > " ')をエスケープ
  • é → &eacute; のように、よく使われるアクセント付き文字も名前付きエンティティに変換
  • 名前付きエンティティ、10進数エンティティ(&#233;)、16進数エンティティ(&#xE9;)をデコード可能
  • 入力するたびに即座に結果が更新され、ボタンを押す必要なし
  • 完全にブラウザ内で処理 — テキストが外部に送信されることはありません

よくある質問

なぜ < や & のような文字をHTML用にエンコードする必要があるのですか?

ブラウザは < や & をマークアップの開始として扱います。エンコードせずに生の < を含むテキストをHTMLページに挿入すると、ブラウザはそれをタグの開始と解釈してしまい、レイアウトが崩れたり、最悪の場合HTMLインジェクションを許してしまう可能性があります。&lt; とエンコードすることで、常に文字 < として表示されることが保証されます。

このツールは汎用のHTMLサニタイザーですか?

いいえ。このツールはプレーンテキストをHTMLのテキストコンテンツとして安全に表示できる形式にエンコードするものであり、既存のHTMLマークアップを解析・クリーニング・検証するものではありません。信頼できないHTML(ユーザー投稿のHTMLからscriptを除去するなど)を無害化する必要がある場合は、専用のHTMLサニタイザーライブラリが必要です。

&#39; と &apos; の違いは何ですか?

どちらもアポストロフィ(')を表します。&#39; は数値形式で、すべてのHTMLバージョンで安全に使用できます。&apos; は名前付きエンティティで、HTML5になるまで正式なHTML仕様には含まれていませんでした。このツールは互換性を最大化するためアポストロフィを &#39; としてエンコードしますが、デコード時はどちらの形式も認識します。

名前付きエンティティと数値エンティティの違いは何ですか?

&eacute; のような名前付きエンティティは、特定の文字を覚えやすい名前で表します。&#233; や &#xE9; のような数値エンティティは、文字のUnicodeコードポイントを10進数または16進数で直接指定します。数値エンティティはUnicodeの任意の文字を表現できますが、名前付きエンティティは定義された一般的な文字の集合にのみ存在します。

このツールはデータを保存したりアップロードしたりしますか?

いいえ。すべてのエンコード・デコード処理はJavaScriptによりブラウザ内でローカルに実行されます。サーバーへの送信や、どこかへの保存は一切行われません。

関連ツール