FreeToolsForWeb
ヘルプコーヒーをおごる

HTML エンティティ変換 — HTML のエスケープとアンエスケープ

テキストを名前付きまたは数値の文字参照で HTML 用にエスケープし、& のような参照を文字に戻し、エンティティの一覧表を検索できます。

エンコード結果
<p class="note">Fish & chips — £4.50 at Café "Ōshima" 🐟</p>

HTML エンティティ一覧

文字名前付き10 進数16 進数コピー
""""
&&&&
''''
<&lt;&#60;&#x3C;
>&gt;&#62;&#x3E;
·&nbsp;&#160;&#xA0;
¡&iexcl;&#161;&#xA1;
¢&cent;&#162;&#xA2;
£&pound;&#163;&#xA3;
¤&curren;&#164;&#xA4;
¥&yen;&#165;&#xA5;
¦&brvbar;&#166;&#xA6;
§&sect;&#167;&#xA7;
¨&uml;&#168;&#xA8;
©&copy;&#169;&#xA9;
ª&ordf;&#170;&#xAA;
«&laquo;&#171;&#xAB;
¬&not;&#172;&#xAC;
·&shy;&#173;&#xAD;
®&reg;&#174;&#xAE;
¯&macr;&#175;&#xAF;
°&deg;&#176;&#xB0;
±&plusmn;&#177;&#xB1;
²&sup2;&#178;&#xB2;
³&sup3;&#179;&#xB3;
´&acute;&#180;&#xB4;
µ&micro;&#181;&#xB5;
&para;&#182;&#xB6;
·&middot;&#183;&#xB7;
¸&cedil;&#184;&#xB8;
¹&sup1;&#185;&#xB9;
º&ordm;&#186;&#xBA;
»&raquo;&#187;&#xBB;
¼&frac14;&#188;&#xBC;
½&frac12;&#189;&#xBD;
¾&frac34;&#190;&#xBE;
¿&iquest;&#191;&#xBF;
À&Agrave;&#192;&#xC0;
Á&Aacute;&#193;&#xC1;
Â&Acirc;&#194;&#xC2;
Ã&Atilde;&#195;&#xC3;
Ä&Auml;&#196;&#xC4;
Å&Aring;&#197;&#xC5;
Æ&AElig;&#198;&#xC6;
Ç&Ccedil;&#199;&#xC7;
È&Egrave;&#200;&#xC8;
É&Eacute;&#201;&#xC9;
Ê&Ecirc;&#202;&#xCA;
Ë&Euml;&#203;&#xCB;
Ì&Igrave;&#204;&#xCC;
Í&Iacute;&#205;&#xCD;
Î&Icirc;&#206;&#xCE;
Ï&Iuml;&#207;&#xCF;
Ð&ETH;&#208;&#xD0;
Ñ&Ntilde;&#209;&#xD1;
Ò&Ograve;&#210;&#xD2;
Ó&Oacute;&#211;&#xD3;
Ô&Ocirc;&#212;&#xD4;
Õ&Otilde;&#213;&#xD5;
Ö&Ouml;&#214;&#xD6;
×&times;&#215;&#xD7;
Ø&Oslash;&#216;&#xD8;
Ù&Ugrave;&#217;&#xD9;
Ú&Uacute;&#218;&#xDA;
Û&Ucirc;&#219;&#xDB;
Ü&Uuml;&#220;&#xDC;
Ý&Yacute;&#221;&#xDD;
Þ&THORN;&#222;&#xDE;
ß&szlig;&#223;&#xDF;
à&agrave;&#224;&#xE0;
á&aacute;&#225;&#xE1;
â&acirc;&#226;&#xE2;
ã&atilde;&#227;&#xE3;
ä&auml;&#228;&#xE4;
å&aring;&#229;&#xE5;
æ&aelig;&#230;&#xE6;
ç&ccedil;&#231;&#xE7;
è&egrave;&#232;&#xE8;
é&eacute;&#233;&#xE9;
ê&ecirc;&#234;&#xEA;
ë&euml;&#235;&#xEB;
ì&igrave;&#236;&#xEC;
í&iacute;&#237;&#xED;
î&icirc;&#238;&#xEE;
ï&iuml;&#239;&#xEF;
ð&eth;&#240;&#xF0;
ñ&ntilde;&#241;&#xF1;
ò&ograve;&#242;&#xF2;
ó&oacute;&#243;&#xF3;
ô&ocirc;&#244;&#xF4;
õ&otilde;&#245;&#xF5;
ö&ouml;&#246;&#xF6;
÷&divide;&#247;&#xF7;
ø&oslash;&#248;&#xF8;
ù&ugrave;&#249;&#xF9;
ú&uacute;&#250;&#xFA;
û&ucirc;&#251;&#xFB;
ü&uuml;&#252;&#xFC;
ý&yacute;&#253;&#xFD;
þ&thorn;&#254;&#xFE;
ÿ&yuml;&#255;&#xFF;
Α&Alpha;&#913;&#x391;
Β&Beta;&#914;&#x392;
Γ&Gamma;&#915;&#x393;
Δ&Delta;&#916;&#x394;
Ε&Epsilon;&#917;&#x395;
Ζ&Zeta;&#918;&#x396;
Η&Eta;&#919;&#x397;
Θ&Theta;&#920;&#x398;
Ι&Iota;&#921;&#x399;
Κ&Kappa;&#922;&#x39A;
Λ&Lambda;&#923;&#x39B;
Μ&Mu;&#924;&#x39C;
Ν&Nu;&#925;&#x39D;
Ξ&Xi;&#926;&#x39E;
Ο&Omicron;&#927;&#x39F;
Π&Pi;&#928;&#x3A0;
Ρ&Rho;&#929;&#x3A1;
Σ&Sigma;&#931;&#x3A3;
Τ&Tau;&#932;&#x3A4;
Υ&Upsilon;&#933;&#x3A5;
Φ&Phi;&#934;&#x3A6;
Χ&Chi;&#935;&#x3A7;
Ψ&Psi;&#936;&#x3A8;
Ω&Omega;&#937;&#x3A9;
α&alpha;&#945;&#x3B1;
β&beta;&#946;&#x3B2;
γ&gamma;&#947;&#x3B3;
δ&delta;&#948;&#x3B4;
ε&epsilon;&#949;&#x3B5;
ζ&zeta;&#950;&#x3B6;
η&eta;&#951;&#x3B7;
θ&theta;&#952;&#x3B8;
ι&iota;&#953;&#x3B9;
κ&kappa;&#954;&#x3BA;
λ&lambda;&#955;&#x3BB;
μ&mu;&#956;&#x3BC;
ν&nu;&#957;&#x3BD;
ξ&xi;&#958;&#x3BE;
ο&omicron;&#959;&#x3BF;
π&pi;&#960;&#x3C0;
ρ&rho;&#961;&#x3C1;
ς&sigmaf;&#962;&#x3C2;
σ&sigma;&#963;&#x3C3;
τ&tau;&#964;&#x3C4;
υ&upsilon;&#965;&#x3C5;
φ&phi;&#966;&#x3C6;
χ&chi;&#967;&#x3C7;
ψ&psi;&#968;&#x3C8;
ω&omega;&#969;&#x3C9;
Œ&OElig;&#338;&#x152;
œ&oelig;&#339;&#x153;
Š&Scaron;&#352;&#x160;
š&scaron;&#353;&#x161;
Ÿ&Yuml;&#376;&#x178;
ƒ&fnof;&#402;&#x192;
ˆ&circ;&#710;&#x2C6;
˜&tilde;&#732;&#x2DC;
ϑ&thetasym;&#977;&#x3D1;
ϒ&upsih;&#978;&#x3D2;
ϖ&piv;&#982;&#x3D6;
·&ensp;&#8194;&#x2002;
·&emsp;&#8195;&#x2003;
·&thinsp;&#8201;&#x2009;
·&zwnj;&#8204;&#x200C;
·&zwj;&#8205;&#x200D;
·&lrm;&#8206;&#x200E;
·&rlm;&#8207;&#x200F;
–&ndash;&#8211;&#x2013;
—&mdash;&#8212;&#x2014;
‘&lsquo;&#8216;&#x2018;
’&rsquo;&#8217;&#x2019;
‚&sbquo;&#8218;&#x201A;
“&ldquo;&#8220;&#x201C;
”&rdquo;&#8221;&#x201D;
„&bdquo;&#8222;&#x201E;
†&dagger;&#8224;&#x2020;
‡&Dagger;&#8225;&#x2021;
•&bull;&#8226;&#x2022;
…&hellip;&#8230;&#x2026;
‰&permil;&#8240;&#x2030;
′&prime;&#8242;&#x2032;
″&Prime;&#8243;&#x2033;
‹&lsaquo;&#8249;&#x2039;
›&rsaquo;&#8250;&#x203A;
‾&oline;&#8254;&#x203E;
⁄&frasl;&#8260;&#x2044;
€&euro;&#8364;&#x20AC;
ℑ&image;&#8465;&#x2111;
℘&weierp;&#8472;&#x2118;
ℜ&real;&#8476;&#x211C;
™&trade;&#8482;&#x2122;
ℵ&alefsym;&#8501;&#x2135;
←&larr;&#8592;&#x2190;
↑&uarr;&#8593;&#x2191;
→&rarr;&#8594;&#x2192;
↓&darr;&#8595;&#x2193;
↔&harr;&#8596;&#x2194;
↵&crarr;&#8629;&#x21B5;
⇐&lArr;&#8656;&#x21D0;
⇑&uArr;&#8657;&#x21D1;
⇒&rArr;&#8658;&#x21D2;
⇓&dArr;&#8659;&#x21D3;
⇔&hArr;&#8660;&#x21D4;
∀&forall;&#8704;&#x2200;
∂&part;&#8706;&#x2202;
∃&exist;&#8707;&#x2203;
∅&empty;&#8709;&#x2205;
∇&nabla;&#8711;&#x2207;
∈&isin;&#8712;&#x2208;
∉&notin;&#8713;&#x2209;
∋&ni;&#8715;&#x220B;
∏&prod;&#8719;&#x220F;
∑&sum;&#8721;&#x2211;
−&minus;&#8722;&#x2212;
∗&lowast;&#8727;&#x2217;
√&radic;&#8730;&#x221A;
∝&prop;&#8733;&#x221D;
∞&infin;&#8734;&#x221E;
∠&ang;&#8736;&#x2220;
∧&and;&#8743;&#x2227;
∨&or;&#8744;&#x2228;
∩&cap;&#8745;&#x2229;
∪&cup;&#8746;&#x222A;
∫&int;&#8747;&#x222B;
∴&there4;&#8756;&#x2234;
∼&sim;&#8764;&#x223C;
≅&cong;&#8773;&#x2245;
≈&asymp;&#8776;&#x2248;
≠&ne;&#8800;&#x2260;
≡&equiv;&#8801;&#x2261;
≤&le;&#8804;&#x2264;
≥&ge;&#8805;&#x2265;
⊂&sub;&#8834;&#x2282;
⊃&sup;&#8835;&#x2283;
⊄&nsub;&#8836;&#x2284;
⊆&sube;&#8838;&#x2286;
⊇&supe;&#8839;&#x2287;
⊕&oplus;&#8853;&#x2295;
⊗&otimes;&#8855;&#x2297;
⊥&perp;&#8869;&#x22A5;
⋅&sdot;&#8901;&#x22C5;
⌈&lceil;&#8968;&#x2308;
⌉&rceil;&#8969;&#x2309;
⌊&lfloor;&#8970;&#x230A;
⌋&rfloor;&#8971;&#x230B;
⟨&lang;&#10216;&#x27E8;
⟩&rang;&#10217;&#x27E9;
◊&loz;&#9674;&#x25CA;
♠&spades;&#9824;&#x2660;
♣&clubs;&#9827;&#x2663;
♥&hearts;&#9829;&#x2665;
♦&diams;&#9830;&#x2666;

253 個中 253 個のエンティティ。不可視文字（スペース、結合子、ソフトハイフン）は · で表示されます。

すべてブラウザ内で動作します。入力内容が送信・保存されることはありません。 すべての無料ツールを見る.

不具合や改善できそうな点を見つけましたか？いただいたメッセージはすべて読み、すぐに対応します。

この HTML エンティティ変換ツールは、文字と HTML の文字参照を相互に変換します。エンコードでは、マークアップで特別な意味を持つ 5 つの文字（< > & " '）を &lt; &gt; &amp; &quot; &#39; に変換するので、テキストを HTML として解釈させずにページに表示したり、属性に入れたりできます。すべての非 ASCII 文字をエンコードすることもでき、テンプレート、メール、古いシステムが UTF-8 を文字化けさせる場合に役立ちます。

デコードは、&eacute; や &hellip; のような名前付きエンティティ、&#233; のような 10 進の参照、&#xE9; のような 16 進の参照に対応し、無効なコードポイントの扱いといった癖も含め、HTML5 パーサー自体のルールに従います。組み込みの 253 項目の表にない名前はブラウザの HTML パーサーで調べるので、HTML5 の 2,000 以上の名前をすべてデコードできます。不明な名前は黙って消えるのではなく、そのまま残して一覧表示します。このツールはテキストを変換するもので、HTML のサニタイザーではありません。

使い方

  1. 「エンコード」か「デコード」を選びます。
  2. エンコードの場合は範囲を選びます。危険な 5 文字だけ（通常の HTML ならこれで十分）、すべての非 ASCII 文字、または英字・数字・スペース以外のすべてです。
  3. 名前付き、10 進、16 進の参照から選びます。名前付きモードでは、名前のない文字は 10 進になります。
  4. 入力するか貼り付けます。出力は入力に合わせて更新されます。「入れ替え」を押すと出力が入力に戻されるので、往復変換を確認できます。
  5. 一覧表を名前、文字、10 進のコード、グループ（たとえば「arrow」や「greek」）で検索し、エンティティをコピーします。

よくある質問

HTML でエスケープが必要な文字は？

テキストの中では、< と & はタグやエンティティの始まりになるため、エスケープが必要です。属性値の中では、属性を囲む引用符もエスケープします。" なら &quot;、' なら &#39; です。> を &gt; にエスケープすることは厳密には必須ではありませんが、慣例であり、害もありません。それ以外の文字は、アクセント付きの文字や絵文字も含め、UTF-8 のページならそのまま書けます。

&nbsp; と通常のスペースの違いは何ですか？

&nbsp; は U+00A0、ノーブレークスペースです。通常のスペースと違い、ブラウザはそこで改行せず、複数並んでも 1 つにまとめません。「10 kg」や「Mr. Smith」を 1 行にまとめておきたいときに便利です。レイアウトのために &nbsp; を何個も並べているなら、それは CSS で行うべき作業です。

&apos; と &#39; のどちらを使うべきですか？

&apos; は XML と HTML5 では定義されていますが、HTML 4 では定義されていないため、ごく古いブラウザや一部のメールクライアントでは認識されません。&#39; はどこでも使えるので、このエンコーダーは名前付きモードでもアポストロフィには &#39; を使います。最新の HTML5 のページなら、どちらでも問題ありません。

HTML エンコードで XSS は防げますか？

< > & " ' をエスケープすれば、HTML のテキストや引用符で囲んだ属性値へのインジェクションを防げ、最もよくあるケースはカバーできます。しかし、<script> ブロック、style 属性、引用符で囲んでいない属性、href="javascript:..." のような URL の中では、値は安全になりません。それぞれの文脈に応じたエンコードや検証が必要です。デフォルトでエスケープするテンプレートエンジンを使い、ユーザーの HTML を受け付ける必要がある場合は DOMPurify などのサニタイザーを使ってください。

テキストに &amp;amp; や é が表示されるのはなぜですか？

&amp;amp; は、テキストが 2 回 HTML エンコードされたことを意味します。& が &amp; になり、その & がもう一度エンコードされたのです。余分な層ごとに 1 回デコードしてください。é が é になるのはエンティティの問題ではなく、文字コードの不一致です。UTF-8 のバイトが Windows-1252 や Latin-1 として読まれています。charset の宣言やデータベース接続の文字コードを修正してください。エンティティでは症状を隠すだけです。

名前付き、10 進、16 進の参照

HTML には同じ文字を書く方法が 3 つあります。&copy; のような名前付き参照は読みやすいものの、HTML が名前を定義している文字にしかありません。&#169; のような 10 進の参照と &#xA9; のような 16 進の参照は、絵文字も含め、すべての Unicode のコードポイントに使えます。🌲 は &#127794; または &#x1F332; で、UTF-16 の 2 つの半分ごとに 2 つではなく、文字全体で 1 つの参照になります。

このツールの表にある 253 個の名前は、HTML 4 のセットに &apos; を加えたものです。どのブラウザ、メールクライアント、HTML ライブラリでもサポートされています。HTML5 ではさらに約 2,000 個が追加されました。その多くは数学記号（&NotEqualTilde;、&bigotimes;）で、最新のブラウザではデコードされますが、古いツールがコンテンツを扱う場合は、そのままの UTF-8 か数値参照で書いたほうが安全です。

名前は大文字と小文字を区別します。&Eacute; は É、&eacute; は é です。&COPY; や &AMP; のように、歴史的な理由で大文字の形も存在するものがいくつかありますが、標準は小文字の形です。

エンコードすべきとき、すべきでないとき

• ユーザーの入力をページに表示する：データベースへの保存時ではなく、出力時にテンプレートで危険な 5 文字をエスケープします。

• ブログ記事やドキュメントのコード例：タグがテキストとして表示されるよう、< と & をエスケープします。

• UTF-8 の扱いが不安定なメールテンプレートや古いシステム：すべての非 ASCII 文字を数値参照にエンコードすれば、どの文字コードでもコンテンツが壊れません。

• 最新の UTF-8 のページ：アクセント付きの文字、曲がった引用符、絵文字はエンコードしません。そのままの文字のほうが小さく、検索でき、編集もしやすくなります。

• JSON、URL、JavaScript の文字列：HTML エンティティは意味を持ちません。それぞれ JSON のエスケープ、パーセントエンコーディング、JavaScript の文字列エスケープを使います。

数値参照のデコード方法

HTML5 の仕様は、変わった数値参照をパーサーがどう扱うべきかを定めており、このデコーダーもそれに従います。&#0;、サロゲートのコードポイントへの参照（&#xD800;）、U+10FFFF を超える値は、置換文字 U+FFFD になります。&#128;〜&#159; の範囲の参照は Windows-1252 として読まれるので、&#150; は en ダッシュ、&#128; はユーロ記号になります。古いページがそれらを書いたとき、意図していたのがその文字だったからです。

名前付き参照は、セミコロンで終わっている場合にのみデコードされます。ブラウザは、テキスト中の &copy や &amp のようにセミコロンのない古い名前もいくつか受け付けますが、その動作は後に続く文字に左右されるので、コンテンツには常にセミコロンを付けるべきです。

関連する無料ツール

  • URL エンコーダー / デコーダー — URL 用のテキストをコンポーネント、URL 全体、フォームの各モードでパーセントエンコード・デコードし、URL のクエリパラメーターを表で編集できます。
  • Base64 エンコーダー / デコーダー — テキストやファイルを Base64 にエンコードし、画像を CSS や <img> のコード付きでデータ URI に変換、Base64 をプレビュー可能なファイルにデコードできます。データはブラウザの外に出ません。
  • メタタグ生成 — ページのタイトル、ディスクリプション、SNS カードの情報を入力すると、文字数カウンター付きで、正しくエスケープされた完全な <head> ブロックを生成します。
  • JSON 整形 — JSON を整形、圧縮（minify）、検証し、解析エラーは行と列で位置を示します。ブラウザ上で動作、アップロード不要。