HTMLの予約文字は文字実体に置き換えなければなりません。
キーボードにない文字もエンティティに置き換えることができます。
HTML エンティティ
一部の文字はHTMLで予約されています。
テキストに小なり記号 (<)または大なり記号(>) を使用すると、ブラウザでそれらのタグとタグが混在する可能性があります。
文字エンティティは、HTMLの予約文字を表示するために使用されます。
文字実体は次のようになります。:
&entity_name;
OR
&#entity_number;
小なり記号 (<) を表示するには、次のように記述する必要があります。: < か <
エンティティ名を使用する利点: エンティティ名は覚えやすいです。
エンティティ名を使用することのデメリット: ブラウザはすべてのエンティティ名をサポートしているわけではありませんが、数字のサポートは有効です。
ノンブレイキングスペース
HTMLで使用される一般的な文字エンティティは、改行なしのスペースです。:
改行なしスペースとは、改行しないスペースです。
改行しないスペースで区切られた2つの単語はくっついています(改行しないでください)。言葉を破るのが邪魔になるかもしれないとき、これは便利です。
例:
- § 10
- 10 km/h
- 10 PM
改行なしスペースのもう1つの一般的な用途は、ブラウザがHTMLページ内のスペースを切り捨てないようにすることです。
テキストに10個のスペースを書くと、ブラウザはそれらのうちの9個を削除します。テキストに実際のスペースを追加するには
を使用します。文字実体。
改行しないハイフン (‑) を使用すると、改行しないハイフン文字( (‑) を使用できます。
その他の便利なHTML文字エンティティ
Result | 説明 | 要素名 | 要素番号 |
---|---|---|---|
non-breaking space | |   | |
< | less than | < | < |
> | greater than | > | > |
& | ampersand | & | & |
“ | double quotation mark | " | " |
‘ | single quotation mark (apostrophe) | ' | ' |
¢ | cent | ¢ | ¢ |
£ | pound | £ | £ |
¥ | yen | ¥ | ¥ |
€ | euro | € | € |
© | copyright | © | © |
® | registered trademark | ® | ® |
ノート: エンティティ名は大文字と小文字を区別します。
発音区別符号の組み合わせ
発音区別符号は、文字に追加された “記号文字” です。
カッコ ( ̀) やクォーテーション ( ́) のような発音区別符号はアクセントと呼ばれます。
発音区別符号は、文字の上下両方、文字の内側、および2つの文字の間に表示できます。
発音区別符号を英数字と組み合わせて使用して、ページで使用されている文字セット(エンコード)に存在しない文字を生成することができます。
ここではいくつかの例を示します:
Mark | Character | Construct | Result |
---|---|---|---|
̀ | a | à | à |
́ | a | á | á |
̂ | a | â | â |
̃ | a | ã | ã |
̀ | O | Ò | Ò |
́ | O | Ó | Ó |
̂ | O | Ô | Ô |
̃ | O | Õ | Õ |