• 投稿者:
  • 投稿コメント:0件のコメント
  • 投稿カテゴリー:HTML
  • 投稿の最終変更日:2021年3月23日

HTMLの予約文字は文字実体に置き換えなければなりません。

キーボードにない文字もエンティティに置き換えることができます。



HTML エンティティ

一部の文字はHTMLで予約されています。

テキストに小なり記号 (<)または大なり記号(>) を使用すると、ブラウザでそれらのタグとタグが混在する可能性があります。

文字エンティティは、HTMLの予約文字を表示するために使用されます。

文字実体は次のようになります。:

&entity_name;

OR

&#entity_number;

小なり記号 (<) を表示するには、次のように記述する必要があります。: &lt;&#60;

エンティティ名を使用する利点: エンティティ名は覚えやすいです。
エンティティ名を使用することのデメリット: ブラウザはすべてのエンティティ名をサポートしているわけではありませんが、数字のサポートは有効です。


ノンブレイキングスペース

HTMLで使用される一般的な文字エンティティは、改行なしのスペースです。: &nbsp;

改行なしスペースとは、改行しないスペースです。

改行しないスペースで区切られた2つの単語はくっついています(改行しないでください)。言葉を破るのが邪魔になるかもしれないとき、これは便利です。

例:

  • § 10
  • 10 km/h
  • 10 PM

改行なしスペースのもう1つの一般的な用途は、ブラウザがHTMLページ内のスペースを切り捨てないようにすることです。

テキストに10個のスペースを書くと、ブラウザはそれらのうちの9個を削除します。テキストに実際のスペースを追加するには &nbsp;
を使用します。文字実体。

改行しないハイフン (&#8209;) を使用すると、改行しないハイフン文字( (‑) を使用できます。


スポンサーリンク

その他の便利なHTML文字エンティティ

Result 説明 要素名 要素番号
non-breaking space &nbsp; &#160;
< less than &lt; &#60;
> greater than &gt; &#62;
& ampersand &amp; &#38;
double quotation mark &quot; &#34;
single quotation mark (apostrophe) &apos; &#39;
¢ cent &cent; &#162;
£ pound &pound; &#163;
¥ yen &yen; &#165;
euro &euro; &#8364;
© copyright &copy; &#169;
® registered trademark &reg; &#174;

ノート: エンティティ名は大文字と小文字を区別します。


発音区別符号の組み合わせ

発音区別符号は、文字に追加された “記号文字” です。

カッコ (  ̀) やクォーテーション (  ́) のような発音区別符号はアクセントと呼ばれます。

発音区別符号は、文字の上下両方、文字の内側、および2つの文字の間に表示できます。

発音区別符号を英数字と組み合わせて使用​​して、ページで使用されている文字セット(エンコード)に存在しない文字を生成することができます。

ここではいくつかの例を示します:

Mark Character Construct Result
 ̀ a a&#768;
 ́ a a&#769;
̂ a a&#770;
 ̃ a a&#771;
 ̀ O O&#768;
 ́ O O&#769;
̂ O O&#770;
 ̃ O O&#771;

コメントを残す