Webサイトを作成するときに、
HTMLコードの中で特殊文字を直接入力すると、ブラウザで正しく表示されないことがあります。
そこで「エンティティ参照」と呼ばれるコードを使用します。
この記事では、よく使われる特殊文字とそのエンティティ参照を紹介します。
エンティティ・・・？解説おねしゃす。
目次
1. HTMLの特殊文字とエンティティ参照とは？
HTMLには、通常のテキストとは異なる形で表示される「特殊文字」がいくつか存在します。
例えば、<, >, &などの文字は、HTMLタグやシンボルとして解釈されるため、
そのままではページに表示されません。
そこで、エンティティ参照を使うことで、これらを文字として表示することができるのです。
使いたいときあるよね
2. よく使うHTML特殊文字一覧
下記は、HTMLやWeb開発で頻繁に使われる特殊文字とそのエンティティ参照の一覧です。
| シンボル | エンティティ参照 | 数値参照 | 説明 |
|---|---|---|---|
& | & | & | アンパサンド |
< | < | < | 小なり記号 |
> | > | > | 大なり記号 |
" | " | " | ダブルクォート |
' | ' | ' | シングルクォート |
© | © | © | 著作権記号 |
® | ® | ® | 登録商標 |
™ | ™ | ™ | 商標 |
¥ | ¥ | ¥ | 日本円記号 |
¢ | ¢ | ¢ | セント記号 |
€ | € | € | ユーロ記号 |
§ | § | § | セクション記号 |
¶ | ¶ | ¶ | パラグラフ記号 |
× | × | × | 乗算記号 |
÷ | ÷ | ÷ | 除算記号 |
3. よくある使用例
- <と>（小なり・大なり記号）
HTMLタグのエラーを防ぐために、<と>を<と>に置き換えます。 - &（アンパサンド）
URLのクエリパラメータやJavaScriptのコード中での文字の区切りに使用される場合など、&は&に置き換えます。
4. HTML特殊文字を使う際の注意
特殊文字は、HTMLタグや属性の中に直接使うとエラーや誤動作を引き起こす可能性があります。必ずエンティティ参照を使用して正確に記述するようにしましょう。
まとめ
HTMLで頻繁に使われる特殊文字について、エンティティ参照の一覧を紹介しました。
これらの特殊文字は、コーディングでミスを防ぎ、正しく表示されるために重要です。
参考にしてくだされ
リンク
