特殊字符

Frontend SELF ZH
第 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