HTMLチュートリアル

HTMLホーム HTMLの紹介 HTMLエディター HTMLベーシック HTML要素 HTML属性 HTML見出し HTML段落 HTMLスタイル HTMLフォーマット HTMLの引用 HTMLコメント HTMLの色 HTML CSS HTMLリンク HTML画像 HTMLファビコン HTMLテーブル HTMLリスト HTMLブロックとインライン HTMLクラス HTMLID HTMLIframe HTML JavaScript HTMLファイルパス HTMLヘッド HTMLレイアウト HTMLレスポンシブ HTMLコンピューターコード HTMLセマンティクス HTMLスタイルガイド HTMLエンティティ HTMLシンボル HTML絵文字 HTML文字セット HTMLURLエンコード HTMLとXHTML

HTMLフォーム

HTMLフォーム HTMLフォーム属性 HTMLフォーム要素 HTML入力タイプ HTML入力属性 HTML入力フォームの属性

HTMLグラフィックス

HTMLキャンバス HTML SVG

HTMLメディア

HTMLメディア HTMLビデオ HTMLオーディオ HTMLプラグイン HTML YouTube

HTML API

HTMLジオロケーション HTMLドラッグアンドドロップ HTMLWebストレージ HTMLWebワーカー HTML SSE

HTMLの

HTMLの例 HTMLクイズ HTML演習 HTML証明書 HTMLの概要 HTMLアクセシビリティ

HTMLリファレンス

HTMLタグリスト HTML属性 HTMLグローバル属性 HTMLブラウザのサポート HTMLイベント HTMLの色 HTMLキャンバス HTMLオーディオ/ビデオ HTMLDoctypes HTML文字セット HTMLURLエンコード HTML言語コード HTTPメッセージ HTTPメソッド PXからEMへのコンバーター キーボードショートカット

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 &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 Try it
 ̀ a a&#768;
 ́ a a&#769;
̂ a a&#770;
 ̃ a a&#771;
 ̀ O O&#768;
 ́ O O&#769;
̂ O O&#770;
 ̃ O O&#771;

このチュートリアルの次の章では、さらに多くのHTMLシンボルが表示されます。