AI DO TOOL へようこそ

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

文字と HTML エンティティ(& < > " ' および数値エンティティ &#xNN;)を相互変換。1 文字ずつの対応表付き。

結果<div class="note">Tom & Jerry say: "It’s <fun>!"</div>
1 文字ごとの対応
文字エンティティ
<&lt;
"&quot;
"&quot;
>&gt;
&&amp;
"&quot;
’&#x2019;
<&lt;
>&gt;
"&quot;
<&lt;
>&gt;

どんなツールか

HTML の中では、ごく一部の文字に特別な役割が割り当てられています:< と > はタグを開き、& はエンティティの始まり、引用符は属性を区切ります。これらを普通のテキストとして見せるには、エンティティに書き換えます:& は &amp;、< は &lt;、> は &gt;、" は &quot;、アポストロフィは &#39; になります。非ラテン文字も &#x4E2D; のような数値エンティティで書けます。このツールは双方向変換し、どの文字が何になったかを正確に示します。

豆知識・雑学

古典的なバグ:ブログに <span> と書いたら、ブラウザが < をタグの開始だと思い込んで段落の半分を飲み込んだ。直し方は &lt; に置き換えること。面白いことにブラウザは寛容で、裸の & の後に文字が続いても大抵はそのまま描きます。でもテキストに &copy; や &nbsp; が混ざった瞬間、エンティティエンジンが目を覚まして驚かせます。

由来と歴史

文字実体参照は 1980 年代の SGML から来て、HTML 2.0(RFC 1866、1995)に受け継がれ、amp・lt・gt といった基本セットが定められました。その後 HTML 3.2(1997)と HTML 4.0(1999)が名前付きエンティティ表を拡張し、今では HTML5 が 200 超の名前付きエンティティを定義しています:&copy; から多くの記号まで。

関連キーワード

html エンティティhtml エンティティ エンコードhtml デコードamp lt gt文字実体参照
Keep a kind heart, hold integrity as your foundation, and cherish warm love; may the world know peace and humanity live in harmony.
持善良之心,守正直之本,怀温暖之爱;愿世界和平,人间祥和。