HTML 特殊符号，指的是一些无法通过键盘来输入的字符，比如版权符、角度符、商标符等。为了能够在网页中正常显示这些符号，就需要借助 HTML 提供的代码形式来表示。
HTML 特殊符号简介
经常使用 Word 的小伙伴都知道，当没法使用键盘来输入某些字符（如欧元符号 “€” 、英镑符号 “￡” 等）时，我们可以通过 Word 内部提供的特殊字符来辅助插入。不过对于一个网页来说，就完全不是这么一回事了。
在 HTML 中，如果想要显示一个特殊符号，也是需要通过代码形式来实现的。这些特殊符号对应的代码，都是以 “&” 开头、并且以 “;”（英文分号）结尾的。
HTML 提供了非常多的特殊符号，基本可以分为以下 2 类。
- 容易通过输入法输入的，不必使用代码实现，如下表 1 所示。
- 难以通过输入法输入的，需要使用代码实现，如下表 2 所示。
| 特殊符号 | 说明 | 代码 |
|---|---|---|
| " | 双引号（英文） | " |
| ‘ | 左单引号 | ‘ |
| ’ | 右单引号 | ’ |
| × | 乘号 | × |
| ÷ | 除号 | ÷ |
| > | 大于号 | > |
| < | 小于号 | < |
| & | “与” 符号 | & |
| — | 长破折号 | — |
| | | 竖线 | | |
| 特殊符号 | 说明 | 代码 |
|---|---|---|
| § | 分节符 | § |
| © | 版权符 | © |
| ® | 注册商标 | ® |
| ™ | 商标 | ™ |
| € | 欧元 | € |
| £ | 英镑 | £ |
| ¥ | 日元 | ¥ |
| ° | 度 | ° |
注意: 空格也是一种特殊符号，其代码形式为 “ ” 。其中，“ ” 在前端中，也被叫做 “牛逼SP”。
HTML 特殊符号示例
接下来，我们通过一个简单的例子来讲解 HTML 特殊符号是如何使用的。
示例 1：使用 HTML 特殊符号
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p>欧元符号：€</p>
<p>英镑符号：£</p>
</body>
</html>页面效果如下图所示。
分析：
对于上面例子的特殊符号，使用下面的代码同样能够实现，它们浏览器预览效果是一样的。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p>欧元符号：€</p>
<p>英镑符号：￡</p>
</body>
</html>示例 2：在网页中显示 HTML 标签
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div><p> 是一个段落标签</div>
</body>
</html>页面效果如下图所示。
分析：
如果想要在网页中显示一个 HTML 标签（包含 “<” 和 “>”），我们是不能直接写成 “<p>”，而应该写成 “<p>”。这是因为像 “<” 和 “>” 这样的符号，如果不对其进行转义，那么浏览器会以为它是 HTML 标签，从而导致显示错误。
最后，对于 HTML 特殊符号，一般情况下只需要记住空格（即 ）这一种的特殊符号即可。其他不需要记住，等需要用到了再回来这里翻一下即可。
