TECH I.S.

HTMLエンティティ


HTMLの予約文字は、文字エンティティに置き換える必要があります。


HTMLエンティティ

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

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

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

文字エンティティは次のようになります。

&entity_name;

OR

&#entity_number;

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


エンティティ名を使用するメリット:エンティティ名は覚えやすいです。
エンティティ名を使用するデメリット:ブラウザはすべてのエンティティ名をサポートしているわけではありませんが、エンティティ番号のサポートは良好です。





改行しないスペース

HTMLで一般的に使用されるエンティティは、非改行スペース(&nbsp;
)です。

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

改行しないスペースで区切られた2つの単語はくっつきます(改行されません)。これは、単語を分割すると混乱を招く可能性がある場合に便利です。

例:

  • §10
  • 時速10キロ
  • 午後10時

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

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


ヒント:非改行ハイフン(&#8209;)は、改行しないハイフン文字(-)を定義するために使用されます。





いくつかの便利なHTML文字エンティティ

結果

説明

エンティティ名

事業体番号

試してみてください

改行なしスペース &nbsp; &#160;
< 未満 &lt; &#60;
> より大きい &gt; &#62;
& アンパサンド &amp; &#38;
" 二重引用符 &quot; &#34;
' 一重引用符 (アポストロフィ) ' &#39;
¢ セント &cent; &#162;
ポンド &pound; &#163;
¥ &yen; &#165;
ユーロ &euro; &#8364;
© 著作権 &copy; &#169;
® 登録商標 &reg; &#174;

注:エンティティ名は大文字と小文字が区別されます。


分音記号の組み合わせ

発音区別記号は、文字に追加される「グリフ」です。

グレイブ( ̀)やアキュート( ́)などの一部の分音記号は、アクセントと呼ばれます。

発音区別記号は、文字の上と下、文字の中、および2つの文字の間に表示できます。

ダイアクリティカルマークを英数字と組み合わせて使用​​すると、ページで使用される文字セット(エンコーディング)にない文字を生成できます。

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


マーク 文字 construct 結果 試してみてください
̀ a a&#768;
́ a a&#769;
̂ a a&#770;
̃ a a&#771; ã
̀ O&#768; Ò
́ O&#769;
̂ O&#770;
̃ O&#771;

このチュートリアルの次の章では、さらに多くのHTML記号を紹介します。



プログラミング学習を加速させる

プログラミングをプロの講師に教えてもらいませんか。

テックアイエスのプログラミングスクールは初心者も大歓迎です。年齢制限もありません。転職・副業に強く、挫折させない手厚いサポートで稼ぐ力を身につけましょう!

スクールの詳細