HTMLエンティティ
HTMLで予約されている文字は、文字エンティティに置き換える必要があります。
HTMLエンティティ
一部の文字はHTMLで予約されています。
テキストでより小さい(<)またはより大きい(>)記号を使用すると、ブラウザがそれらをタグと混合する場合があります。
文字エンティティは、予約文字をHTMLで表示するために使用されます。
文字エンティティは次のようになります。
&entity_name;
OR
&#entity_number;
より小さい記号(<)を表示するには、次のように記述する必要があります。&lt; または&#60;
エンティティ名を使用する利点:エンティティ名は覚えやすいです。
エンティティ名を使用するデメリット:ブラウザはすべてのエンティティ名をサポートしているわけではありませんが、エンティティ番号のサポートは良好です。
ノンブレイキングスペース
HTMLで一般的に使用されるエンティティは、改行なしスペースです。&nbsp;
ノーブレークスペースとは、新しい行に割り込まないスペースです。
改行しないスペースで区切られた2つの単語は、くっつきます(改行されません)。これは、言葉を壊すことが混乱を招く可能性がある場合に便利です。
例:
- §10
- 時速10km
- 午後10時
ノーブレークスペースのもう1つの一般的な使用法は、ブラウザがHTMLページのスペースを切り捨てないようにすることです。
テキストに10個のスペースを書き込むと、ブラウザはそのうちの9個を削除します。テキストに実スペースを追加するには、&nbsp;を使用できます。文字エンティティ。
ヒント:改行しないハイフン(&#8209;)は、改行しないハイフン文字(‑)を定義するために使用されます。
いくつかの便利なHTML文字エンティティ
Result | Description | Entity Name | Entity Number | Try it |
---|---|---|---|---|
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 | Try it |
---|---|---|---|---|
̀ | a | à | à | |
́ | a | á | á | |
̂ | a | â | â | |
̃ | a | ã | ã | |
̀ | O | Ò | Ò | |
́ | O | Ó | Ó | |
̂ | O | Ô | Ô | |
̃ | O | Õ | Õ |
このチュートリアルの次の章では、さらに多くのHTMLシンボルが表示されます。