特殊符號

Frontend SELF TW
等級 4 , 課堂 5
開放

5.1 字元轉義

在HTML中,特殊符號,也稱為 "character entities",用於表示那些在其他情況下會被視為HTML語法一部分的符號。這些符號包括尖括號、和號(&)、空格以及各種語言和字符集的字符。

尖括號和和號

為了顯示在HTML中用作標籤或語法一部分的符號,需要使用特殊編碼:

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

使用示例:

HTML
    
      <p>使用 &lt; 和 &gt; 表示尖括號,&amp; 表示和號。</p>
    
  

引號

為了在HTML屬性中顯示雙引號和單引號:

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

使用示例:

HTML
    
      <p>對引號使用 &quot;雙引號&quot; 和 &apos;單引號&apos;。</p>
    
  

5.2 空格和不間斷空格

在HTML中 多個空格會被顯示為一個空格。 為了保留空格或創建不間斷空格,可以使用特殊符號:

  • 空格 : &nbsp;
  • 窄空格 : &thinsp;
  • 全形空格 : &emsp;
  • 半形空格 : &ensp;

使用示例:

HTML
    
      <p>這個&nbsp;文本&nbsp;包含&nbsp;多個&nbsp;不間斷的&nbsp;空格。</p>
    
  

特殊符號和重音符號

HTML支持多種語言和字符集的特殊符號。例如:

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

使用示例:

HTML
    
      <p>版權 &copy; 2024. 版權所有。價格:50 &euro;</p>
    
  

數學符號

HTML支持多種數學符號:

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

使用示例:

HTML
    
      <p>方程解:x &ge; 5 和 x &le; 10。使用 &radic; 表示根號。</p>
    
  

5.3 箭頭和其他圖形符號

HTML也支持箭頭和其他圖形符號:

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

使用示例:

HTML
    
      <p>方向:&larr; 左,&uarr; 上,&rarr; 右,&darr; 下。</p>
      <p>撲克牌花色:&spades; &hearts; &diams; &clubs;</p>
    
  

完整的特殊符號列表

完整的特殊符號列表可以在HTML文檔或專門的網站資源中找到,例如 W3Schools 或 HTML Character Entities Reference.

5.4 使用表情符號

表情符號(emoji)已成為現代數位溝通中不可或缺的一部分。它們用於在文字信息、社交網絡以及網頁中表達情感、想法和物件。在HTML中,有幾種方法可以使用表情符號。

使用Unicode

可以使用Unicode符號將表情符號插入HTML文檔。每個表情符號都有一個唯一的代碼,可以用於顯示它。

使用Unicode示例:

HTML
    
      <p>笑臉:😀</p>
      <p>心:❤️</p>
      <p>讚:👍</p>

    
  

要用Unicode插入表情符號,需要使用它的十六進制代碼,前面加上&#x,後面加上;

使用十六進制代碼示例:

HTML
    
      <p>笑臉:&#x1F600;</p>
      <p>心:&#x2764;&#xFE0F;</p>
      <p>讚:&#x1F44D;</p>

    
  

不用特意去記住這些:需要時上網查一下就好,也別被別人程式碼裡的這些嚇到 😊

1
Опрос
基本 HTML 標籤,  4 уровень,  5 лекция
недоступен
基本 HTML 標籤
基本 HTML 標籤
留言
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION