HTML 文字実体

HTMLでは、予約文字を文字実体に置き換える必要があります。キーボードで見つからない文字も文字実体を使用して置き換えることができます。

HTML 実体

HTMLでは、いくつかの文字が予約されています。例えば、小なり記号（<）や大なり記号（>）はHTML内で直接使用できません。これらはブラウザによってタグとして解釈されるためです。これらの予約文字を正しく表示するためには、HTMLソースコード内で文字実体を使用する必要があります。文字実体の形式は次のとおりです：

  • &entity_name;
  • &#entity_number;

例えば、小なり記号を表示するには、&amp;lt; または &#60; を使用します。

ヒント: 実体名を使用する方が番号より覚えやすいですが、すべてのブラウザがすべての実体名をサポートしているわけではありません。ただし、実体番号はすべてのブラウザでサポートされています。

改行しない空白 (Non-breaking Space)

HTMLで一般的に使用される文字実体は改行しない空白（&amp;nbsp;）です。ブラウザはHTMLページ内の余分な空白を取り除きます。テキストに10個の空白を入れても、ブラウザは1個の空白しか表示せず、残りの9個を削除します。ページに空白を追加するには、&amp;nbsp; 文字実体を使用します。

ダイアクリティカルマーク

発音記号は文字の上に付く小さな「字形」です。いくつかのダイアクリティカルマークは次のとおりです：

ダイアクリティカルマーク 文字 構成 出力結果
̀ a a&#768; à
́ a a&#769; á
̂ a a&#770; â
̃ a a&#771; ã
̀ O O&#768; Ò
́ O O&#769; Ó
̂ O O&#770; Ô
̃ O O&#771; Õ

HTML文字実体

以下の表は、一般的なHTML文字実体を含む、説明、実体名、および実体番号を一覧表示しています：

表示結果 説明 実体名 実体番号
  空白 &nbsp; &#160;
< 小なり記号 &lt; &#60;
> 大なり記号 &gt; &#62;
& アンパサンド &amp; &#38;
" 引用符 &quot; &#34;
' アポストロフィ &apos; &#39;
¢ セント &cent; &#162;
£ ポンド &pound; &#163;
¥ 円 &yen; &#165;
€ ユーロ &euro; &#8364;
§ セクション &sect; &#167;
© 著作権 &copy; &#169;
® 登録商標 &reg; &#174;
™ 商標 &trade; &#8482;
× 乗算記号 &times; &#215;
÷ 除算記号 &divide; &#247;

以下にHTML文字実体を使ったコードの例を示します。この例では、さまざまな文字実体を使用して特定の文字を表示しています。

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>HTML文字実体の例</title>
</head>
<body>
    <h1>HTML文字実体の例</h1>
    <p>これは小なり記号です: &amp;lt; または &#60;</p>
    <p>これは大なり記号です: &amp;gt; または &#62;</p>
    <p>これはアンパサンドです: &amp;amp; または &#38;</p>
    <p>これは引用符です: &amp;quot; または &#34;</p>
    <p>これはアポストロフィです: &amp;apos; または &#39;</p>
    <p>これは改行しない空白です:&amp;nbsp;&amp;nbsp;&amp;nbsp;（ここに3つの改行しない空白があります）</p>
    <p>これはセント記号です: &amp;cent; または &#162;</p>
    <p>これはユーロ記号です: &amp;euro; または &#8364;</p>
    <p>これは著作権記号です: &amp;copy; または &#169;</p>
    <p>これは登録商標記号です: &amp;reg; または &#174;</p>
</body>
</html>
このコードをHTMLファイルとして保存し、ブラウザで開くと、HTML文字実体が正しく表示されます。例えば、小なり記号（<）や大なり記号（>）がタグとして解釈されることなく表示されます。
HTML 字符実体

関連するQ&A

Q1: 文字実体とは何ですか？

文字実体は、HTML内で予約文字やキーボードで見つからない文字を表すための特殊な記号です。

Q2: HTMLで小なり記号（<）を表示するにはどうすればよいですか？

文字実体 &amp;lt; または &#60; を使用して表示します。

Q3: 改行しない空白（ ）とは何ですか？

改行しない空白は、HTMLで使用される一般的な文字実体で、ページに複数の空白を追加するために使用されます。