HTMLエンティティは、マークアップとして解釈されるか、入力が困難な文字を表す特殊なコードです。&で始まり;で終わります。
4つの文字はHTMLで特殊な意味を持っており、文字通りの意味で使用する場合はエンティティとして記述する必要があります：
< → < (less-than — otherwise starts a tag)
> → > (greater-than)
& → & (ampersand — otherwise starts an entity)
" → " (inside attribute values)
Use the element
Use the div element
これはXSS対策の基礎でもあります：ユーザーが生成したテキストを表示する場合、<、>、&をエスケープするとブラウザが挿入された<script>タグを実行するのを防ぐことができます。フレームワーク（React、Vue）はこの理由によりデフォルトでエスケープを実行します。
non-breaking space (keeps words together, no line break)
© © ® ® ™ ™
— — – – … …
× × ÷ ÷
© © by decimal code © © by hex code
<meta charset="UTF-8" />
<p>© 2024 — café résumé 日本語</p> <!-- with UTF-8 you can type these directly -->
UTF-8文字セットを使用すると、ほとんどの記号とアクセント付き文字をそのまま記述できます。その場合、エンティティは主に予約済みのマークアップ文字（<、>、&、"）と に必要です。
エンティティは予約文字をテキストとして表示でき、信頼できないコンテンツをレンダリングする際のXSS防止に不可欠です。
UTF-8を使用する場合、記号にはめったに必要ありませんが、テキストがマークアップと間違われる可能性がある場合は常に<、>、&を正しくエスケープすることが重要です。