HTMLエンティティ化

形式   10進 16進
削除   タブ　 改行　 空白(半)　 空白(全)
変換後HTML表示
利用方法
HTMLエンティティについて
  • HTMLにそのまま書いてもWebブラウザ上で正しく表示されない文字があります。 それらをブラウザ上で表示させたいときは、それぞれの文字をエンティティと呼ばれるコード表記にすることにより正しく表示することが可能です。
  • WEBサイトに公開するメールアドレスなどを、広告業者に収集されるのを抑制したり、クローラー（自動収集プログラム）などから見つかり難くする為にエンティティが利用されることもあります。
形式について
  • 「変換前」に入力した内容を10進法、16進法どちらでエンティティ化するのかを選択してください。
削除について
  • 初期状態ではタブ、改行、空白(全半角)は削除する設定になっています。チェックボックスを外すと当該文字をコードに含めます。
エンティティ文字検証
  • 『 変換後 』にエンティティ文字を入力して実際にどのように表示されるのかを『 変換後HTML表示 』で確認することもできます。
その他代表的なエンティティ文字
表示文字名前表現数値表現(10進)説明


	タブ



改行



復帰

 スペース
!
!感嘆符
"""ダブルクォーテーション
#
#シャープ
$
$ドル
%
%パーセント
&&&アンパサンド
'
'アポストロフィ
(
(開く括弧
)
)閉じる括弧
*
*アスタリスク
+
+プラス
,
,コンマ
-
-ハイフン
–––フォントサイズ半分のダッシュ
———フォントサイズのダッシュ
.
.ピリオド
/
/スラッシュ
0～9
0～9数字
:
:コロン
;
&#059;セミコロン
<&lt;&#060;小なり
=
&#061;イコール
>&gt;&#062;大なり
?
&#063;疑問符
@
&#064;アットマーク
A～Z
&#065;～&#090大文字アルファペット
[
&#091;開く角括弧
\
&#092;バックスラッシュ
]
&#093;閉じる角括弧
^
&#094;キャレット
_
&#095;アンダーバー
`
&#096;バッククォート
a～z
&#097;～&#122小文字アルファペット
{
&#123;開く中括弧
|
&#124;縦線
}
&#125;閉じる中括弧
~
&#126;チルダ
～
&#65374;全角チルダ
 &nbsp;&#160;ノーブレークスペース
 &ensp;&#8194;フォントサイズの半分のスペース
 &emsp;&#8195;フォントサイズのスペース
¡&iexcl;&#161;反転感嘆符
¢&cent;&#162;セント
£&pound;&#163;ポンド
¤&curren;&#164;汎用通貨
¥&yen;&#165;円
¦&brvbar;&#166;縦破線
§&sect;&#167;セクション
¨&uml;&#168;ウムラウト
©&copy;&#169;コピーライト
ª&ordf;&#170;女性序数
«&laquo;&#171;左引用
¬&not;&#172;ノット
®&reg;&#174;登録商標
¯&macr;&#175;
°&deg;&#176;度
±&plusmn;&#177;プラスマイナス
²&sup2;&#178;上付き2
³&sup3;&#179;上付き3
´&acute;&#180;アクセント
µ&micro;&#181;マイクロ
&para;&#182;パラグラフ
·&middot;&#183;中点
¸&sedil;&#184;
¹&sup1;&#185;上付き1
º&ordm;&#186;男性序数
»&raquo;&#187;右引用
¼&frac14;&#188;4分の1
½&frac12;&#189;2分の1
¾&frac34;&#190;4分の3
¿&iquest;&#191;反転疑問符
×&times;&#215;乗算
÷&divide;&#215;除算
Œ
&#338;
œ
&#339;
Š
&#352;
š
&#353;
Ÿ
&#376;
Ž
&#381;
ž
&#382;
ƒ
&#402;フォルテ
ˆ
&#710;アクセント
˜
&#732;
‘
&#8216;左のシングルクォーテーション
’
&#8217;右のシングルクォーテーション
‚
&#8218;左下のシングルクォーテーション
“
&#8220;左のダブルクォーテーション
”
&#8221;右のダブルクォーテーション
„
&#8222;左下のダブルクォーテーション
†
&#8224;ダガー
‡
&#8225;ダブルダガー
•
&#8226;点
…
&#8230;省略
‰
&#8240;
‹
&#8249;小なり
›
&#8250;大なり
Ⅰ～Ⅻ
&#8544;～&#8555;ローマ数字 1～12 (大文字)
Ⅼ
&#8556;ローマ数字 50 (大文字)
Ⅽ
&#8557;ローマ数字 100 (大文字)
Ⅾ
&#8558;ローマ数字 500 (大文字)
Ⅿ
&#8559;ローマ数字 1000 (大文字)
ⅰ～ⅻ
&#8560;～&#8571;ローマ数字 1～12 (小文字)
ⅼ
&#8572;ローマ数字 50 (小文字)
ⅽ
&#8573;ローマ数字 100 (小文字)
ⅾ
&#8574;ローマ数字 500 (小文字)
ⅿ
&#8575;ローマ数字 1000 (小文字)
™&trade;&#8482;商標
①～⑳
&#9312;～&#9331;丸囲み文字 1～20
♠&spades;&#9824;スペードマーク
♣&clubs;&#9827;クラブマーク
♥&hearts;&#9829;ハートマーク
♦&diams;&#9830;ダイヤマーク
〒
&#12306;郵便マーク
〶
&#12342;丸囲み郵便マーク
㈱
&#12849;株式会社
㈲
&#12850;有限会社
㉑～㉟
&#12881;～&#12895;丸囲み文字 21～35
㊱～㊿
&#12977;～&#12991;丸囲み文字 36～50
サニタイズ(サニタイジング) / エスケープ / エンティティ化 違い
  • サニタイジング
    サニタイジングとは、WEBサイトの入力フォームへの入力データから、HTMLタグ、JavaScript、SQL文などを検出し、それらを他の文字列に置き換える操作のことです。「無害化」とも呼ばれ、サニタイジング操作により、入力データ中に含まれる悪意のあるHTMLタグ、JavaScript、SQL文などが解釈・実行されることを防ぎます。掲示板など、閲覧者からの投稿内容を表示するWEBサイトにおいては、投稿文中に含まれるHTMLタグをそのままサイトに反映すると、サイトのデザインを意図的に変更されてしまう可能性があります。また、同様に投稿内容中に悪意のあるJavaScriptコードなどが含まれていた場合、クロスサイトスクリプティングなどにより閲覧者が攻撃を受けてしまう危険性もあります。データベースと連動したWEBサイトでは、入力フォームにSQL文を書かれることにより、SQLインジェクション攻撃を受け、データベースの情報が改ざんされたり、非公開の情報が流出する危険性もあります。これらを防ぐため、入力されたデータを一定のルールに従ってチェックし、無害な状態に改変する操作がサニタイジングです。
  • エスケープ
    エスケープ（処理）とは、サニタイジングするための手段の一つで、HTMLの様なマークアップ言語やプログラミング言語で、文字列を扱う際にその言語の文法や処理系にとって特別な意味や機能を持つ文字や記号（およびその並び）を、適切に扱われるように対応したり、一定の規則に従って別の文字列に置き換えることを指します。例えば、HTMLはタグの記述に「<」「>」という記号を用いるため、この記号そのものを文字として表示することは本来できません。このとき、「&lt;」「&gt;」という特殊な表記法に置き換えることで、それぞれ「<」「>」と表示することができるようになります。このような置き換え操作・処理のことをエスケープ処理といいます。 本サイトでのエスケープはhtmlタグとしてエスケープした方がよい文字「& " ' < >」をHTML上で表示できる形に変換することを指しています。
  • エンティティ化
    こちらもサニタイジング手段の一つです。「エンティティ」とは「実体」と言う意味で、様々な分野で様々な意味で使用されています。 HTMLでのエンティティ化とは、テキストをHTML内で使用できる文字列に置き換える事を意味しています。 どんな記号や文字でもエンティティ化すると、その実体であるデータの文字参照「&#数値;」になります。 例えば、全角文字「あ」の場合は10進で「&#12354;」、16進で「&#x3042;」になります。 本サイトでのエンティティ化とは入力された全ての文字を10進または16進の文字参照へ変換することを指しています。
免責事項
当サイトをご利用したことによる、またはご利用になれないことにより生じるトラブルや損害には、当方は一切の責任を負いません。
build 開発補助
info_outline その他

TOP