页面上如何显示特殊字符？

在前端开发中，显示特殊字符通常涉及到字符编码和实体引用。以下是一些常见的方法来处理特殊字符的显示：

1. HTML 实体引用：
   HTML 提供了一组预定义的实体引用来表示某些特殊字符。例如，要显示一个小于号 (<)，你可以使用 <。类似地，> 表示大于号 (>)，& 表示和号 (&)，等等。

   示例：

   <p>这是一个小于号：&lt;</p>
   <p>这是一个大于号：&gt;</p>
   <p>这是一个和号：&amp;</p>
   

2. Unicode 实体引用：
   对于不在 HTML 预定义实体列表中的特殊字符，你可以使用 Unicode 实体引用。这些引用以 &# 开头，后跟字符的 Unicode 码点，最后以分号 (;) 结尾。

   示例：

   <p>这是一个希腊字母 Alpha：&#913;</p>
   <p>这是一个笑脸表情：&#128512;</p>
   

3. 直接在文本中插入：
   如果特殊字符在你的文本编辑器或代码编辑器中能够正常显示，并且你的文件保存为 UTF-8 编码（这是现代 Web 开发的推荐做法），那么你可以直接将特殊字符插入到 HTML 文本中。

   示例：

   <p>这是一个希腊字母 Alpha：Α</p>
   <p>这是一个笑脸表情：😀</p>
   

4. CSS 内容属性：
   你还可以使用 CSS 的 content 属性来插入特殊字符，这通常与伪元素（如 ::before 和 ::after）一起使用。

   示例：

   <style>
     .special-char::before {
       content: "😀"; /* 插入笑脸表情 */
     }
   </style>
   <p class="special-char">这是一个带有特殊字符的段落。</p>
   

5. JavaScript 插入：
   通过 JavaScript，你可以动态地在页面上插入特殊字符。你可以使用 \uXXXX 形式的 Unicode 转义序列，或者直接插入字符（如果文件是 UTF-8 编码）。

   示例：

   <script>
     document.write("这是一个希腊字母 Alpha：\u0391"); // 使用 Unicode 转义序列
     document.write("这是一个笑脸表情：😀"); // 直接插入字符
   </script>
   

请注意，当处理用户输入或不受信任的内容时，应始终进行适当的转义和清理，以防止跨站脚本攻击（XSS）等安全问题。