メインコンテンツへスキップ
Awesome Toolkit
HTMLエンティティ

HTMLエンコード・デコード

<、>、&、引用符をHTMLエンティティにして文字として表示させたり、&amp;、&eacute;、&#39;を読める文字に戻したりできます。

テキスト179文字・5行
結果283文字・5行
&lt;div class=&quot;container&quot;&gt;
  &lt;h1&gt;Hello &amp;amp; Welcome&lt;/h1&gt;
  &lt;p&gt;Use &amp;lt;strong&amp;gt; for &lt;strong&gt;bold&lt;/strong&gt; text.&lt;/p&gt;
  &lt;img src=&quot;photo.jpg&quot; alt=&quot;A &amp;quot;great&amp;quot; photo&quot; /&gt;
&lt;/div&gt;
くわしく知る

HTMLエンティティ：知っておきたいこと

HTMLをエンコードすべきとき

Webページにコードのサンプルを表示したいとき、ユーザーの文章をマークアップとして読まれないようにテンプレートに入れたいとき、HTMLを解釈するメールやCMSの欄に内容を貼り付けたいときなど。デコードは、書き出しやAPIから&quot;や&#233;だらけの文章を受け取ったときに役立ちます。

エンコードされるもの

HTMLの意味を変えてしまう文字（<、>、&、"、'）は常にエンコードされます。アクセントなどを壊してしまうシステム向けに、ASCII以外のすべての文字を数値エンティティにすることもできます。デコーダーは、すべての名前付きエンティティ（&nbsp;、&copy;、&eacute;）と、10進数・16進数の数値エンティティに対応しています。エンコードはXSS対策の1つの層であり、フレームワークのエスケープの代わりにはなりません。

使い方

HTMLをエンコードする方法

  1. 文章を貼り付ける

    入力パネルにHTMLか普通のテキストを貼り付けます。

  2. エンコードかデコードを選ぶ

    文字をHTMLエンティティにするなら「エンコード」、エンティティを文字に戻すなら「デコード」を選びます。

  3. 結果をコピーする

    出力をコピーして、HTML、メールのテンプレート、Webアプリで使います。

活用ガイド

コツとガイド

XSSを防ぐ

クロスサイトスクリプティング（XSS）は、Webでいちばんよくある脆弱性のひとつです。ユーザーの入力をHTMLに入れる前にエンコードすれば、悪意のあるスクリプトの実行を防げます。

フォームの入力、URLのパラメータ、データベースの値、APIのレスポンスなど、HTMLに表示するユーザー由来のデータは、必ずエンコードしましょう。

セキュリティのコツ

プライベート

文章はブラウザの中にとどまります。アップロードも、保存も、トラッキングもありません。

テンプレートや社内のHTMLも端末から出ません。エンコード・デコード中に何かが送信されることはありません。

プライバシー
よくある質問

よくある質問

HTMLのエンコードについて知っておきたいこと