HTML 内の予約文字は文字エンティティに置き換える必要があります。

HTML エンティティ

HTML では、特定の文字が予約されています。

不等号 (<) および大なり記号 (>) はブラウザがタグと誤認するため、HTML では使用できません。

予約文字を正しく表示したい場合は、HTML ソース コードで文字エンティティを使用する必要があります。

文字エンティティは次のようになります:

&entity_name;

また

&#entity_number;

小なり記号を表示するには、&lt; または &#60; と記述する必要があります。

ヒント: 数値の代わりにエンティティ名を使用する利点は、名前が覚えやすいことです。 ただし、欠点は、ブラウザーがすべてのエンティティ名をサポートしていない可能性があることです (エンティティ番号のサポートは問題ありません)。

非改行スペース (非改行スペース)

HTML で一般的な文字エンティティは非改行スペース (&nbsp;) です。

ブラウザは常に HTML ページ内の空白を切り詰めます。 テキストに 10 個のスペースを記述すると、ブラウザはページを表示する前にそのうちの 9 個を削除します。 ページ上の空白の量を増やすには、&nbsp; 文字エンティティを使用する必要があります。

HTML サンプルの例

HTML エンティティを試してみる: 自分で試してみる

HTML の便利な文字エンティティ

注: エンティティ名では大文字と小文字が区別されます。

結果の表示 説明 エンティティ名 エンティティ番号
  &nbsp; &#160;
< 小なり記号 &lt; &#60;
> 大なり記号 &gt; &#62;
& アンパサンド &amp; &#38;
" 引用符 &quot; &#34;
' アポストロフィ  &apos; (IE不支持) &#39;
点(cent) &cent; &#162;
£ ポンド(pound) &pound; &#163;
¥ 元(yen) &yen; &#165;
ユーロ(euro) &euro; &#8364;
§ セクション &sect; &#167;
© 著作権(copyright) &copy; &#169;
® 商標 &reg; &#174;
商標 &trade; &#8482;
× 乗算記号 &times; &#215;
÷ 区切り記号 &divide; &#247;