特殊文字

5.1 エスケープシーケンス

HTMLでは、特殊文字（character entitiesとも呼ばれる）は、HTMLの構文の一部として解釈される文字を表すために使用されるよ。これらの文字には、例えば角括弧、アンパサンド、スペース、そしてさまざまな言語やキャラクタセットの文字が含まれるんだ。

角括弧とアンパサンド

HTMLのタグや構文の一部として使用される文字を表示するには、特殊なコードを使用する必要があるよ：

• < : &lt;
• > : &gt;
• & : &amp;

使用例:

    
      <p>角括弧を示すには &lt; と &gt;、アンパサンドには &amp; を使ってね。</p>
    
  

クォート

HTML属性内でダブルクォートとシングルクォートを表示するには:

• " : &quot;
• ' : &apos;

使用例:

    
      <p>クォートには &quot;ダブル&quot; と &apos;シングル&apos; クォートを使ってね。</p>
    
  

5.2 スペースとノンブレーキングスペース

HTMLでは 複数のスペースは 常に 1つのスペースとして表示されるよ。 スペースを維持したり、ノンブレーキングスペースを作成するために、特殊な文字を使うんだ：

• スペース : &nbsp;
• シンスペース : &thinsp;
• エムスペース : &emsp;
• エンスペース : &ensp;

使用例:

    
      <p>この&nbsp;テキスト&nbsp;には&nbsp;いくつかの&nbsp;ノンブレーキング&nbsp;スペースが含まれているよ。</p>
    
  

特殊文字とダイアクリティカルマーク

HTMLはさまざまな言語やキャラクタセットのために多くの特殊文字をサポートしているんだ。例えば:

• © : &copy;
• ® : &reg;
• ™ : &trade;
• € : &euro;
• £ : &pound;

使用例:

    
      <p>著作権 &copy; 2024. 全ての権利を保有。価格: 50 &euro;</p>
    
  

数学記号

HTMLは広範な数学記号をサポートしているよ：

• ± : &plusmn;
• × : &times;
• ÷ : &divide;
• ≤ : &le;
• ≥ : &ge;
• ∞ : &infin;
• √ : &radic;

使用例:

    
      <p>方程式の解: x &ge; 5 と x &le; 10。ルートには &radic; を使ってね。</p>
    
  

5.3 矢印とその他のグラフィックシンボル

HTMLは矢印やその他のグラフィックシンボルもサポートしてるよ：

• ← : &larr;
• ↑ : &uarr;
• → : &rarr;
• ↓ : &darr;
• ↔ : &harr;
• ♠ : &spades;
• ♣ : &clubs;
• ♥ : &hearts;
• ♦ : &diams;

使用例:

    
      <p>方向: &larr; 左, &uarr; 上, &rarr; 右, &darr; 下.</p>
      <p>トランプのスート: &spades; &hearts; &diams; &clubs;</p>
    
  

特殊文字の完全なリスト

特殊文字の完全なリストは、HTMLのドキュメントや、W3SchoolsやHTML Character Entities Referenceのような専門のWebリソースで見つけることができるよ。

5.4 絵文字の使用

絵文字（emoji）は現代のデジタルコミュニケーションの不可欠な部分になったよね。テキストメッセージ、ソーシャルネットワーク、ウェブページで感情、アイデア、オブジェクトを表現するために使用されているんだ。HTMLで絵文字を使うにはいくつかの方法があるよ。

Unicodeの使用

絵文字はUnicodeシンボルを使ってHTMLドキュメントに挿入できるんだ。各絵文字には表示に使えるユニークなコードがあるよ。

Unicodeの使用例:

    
      <p>スマイル: 😀</p>
      <p>ハート: ❤️</p>
      <p>親指を立てる: 👍</p>

    
  

絵文字をUnicodeで挿入するには、その16進コードを&#xで始めて;で終わらせる必要があるんだ。

16進コードの使用例:

    
      <p>スマイル: &#x1F600;</p>
      <p>ハート: &#x2764;&#xFE0F;</p>
      <p>親指を立てる: &#x1F44D;</p>

    
  

これを覚える必要はないから、必要なときにググってみて、他人のコードで見つけたら恐れずに😊

1

Опрос

主なHTMLタグ,  4 уровень,  5 лекция

недоступен

主なHTMLタグ

主なHTMLタグ

Открыть