「文章の中に < という記号を書きたいのに、なぜか画面に出ない……」——じつはHTMLでは、< や & はタグの合図として特別あつかいされています。そのまま書くと、ブラウザが「お、タグの始まりかな？」と勘違いしてしまうのです。そんな記号を、ちゃんと文字として見せる書き方が 実体参照（じったいさんしょう）。
なぜそのまま書けないの？
理由はシンプルで、< はタグの始まり、& は実体参照の始まりの記号だから。ブラウザはこの2つを見ると「命令かな？」と身構えます。だから、ただの文字として見せたいときは、あいことばに置きかえて「これは記号だよ」と教えてあげる必要があります。
よく使う実体参照
覚えておきたいのは、この数個だけで十分です。
| 出したい文字 | 書き方 | 名前の由来 |
|---|---|---|
< | < | less than（より小さい） |
> | > | greater than（より大きい） |
& | & | ampersand（アンド記号） |
" | " | quotation（引用符） |
© | © | copyright（著作権） |
たとえば、記事の中で「pタグ」の書き方そのものを見せたいとき。
<p>段落は <p> と書きます。</p>こう書くと、画面には 段落は <p> と書きます。 と、記号がそのまま出ます。< と > に置きかえたおかげで、ブラウザがタグと勘違いせずにすんだわけです。
記号やマークも出せる
文字だけでなく、キーボードにない記号も出せます。フッターでよく見るコピーライトなら、こう。
<p>© 2026 しまちゃん</p>© が © に変わります。ほかにも矢印や特殊なマークがたくさん用意されています。
このレッスンのまとめ
<>&は特別あつかい。文字として出すには実体参照を使う<>&——&で始めて;で閉じる- UTF-8なら日本語・絵文字はそのまま。実体参照が要るのは主に3つ