语言►HTML

HTML中的字符引用

本文作者: jsweibo

本文链接: https://jsweibo.github.io/2020/04/01/HTML%E4%B8%AD%E7%9A%84%E5%AD%97%E7%AC%A6%E5%BC%95%E7%94%A8/

摘要

本文主要讲述了：

  1. 字符值引用
  2. 字符实体引用

正文

HTML 中的字符引用可以分为 2 类：

  • 字符值引用
  • 字符实体引用

字符值引用

语法：

  • &#nnnn; （十进制）
  • &#xhhhh; （十六进制）

示例：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <!-- 十进制 -->
    <div>&#128514;</div>
    <!-- 十六进制 -->
    <div>&#x1F602;</div>
  </body>
</html>

字符实体引用

语法：&name;

示例：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <div>&amp;</div>
    <div>&lt;</div>
    <div>&gt;</div>
    <div>&quot;</div>
  </body>
</html>

注意：

  1. JavaScript 可以区分字符串中的空格(\u0020)和&nbsp;(\u00a0)
  2. 在网页中选中并复制包含&nbsp;的文本，粘贴得到的是包含空格的文本

参考资料

本文作者: jsweibo

本文链接: https://jsweibo.github.io/2020/04/01/HTML%E4%B8%AD%E7%9A%84%E5%AD%97%E7%AC%A6%E5%BC%95%E7%94%A8/

本文对你有帮助？请支持我

支付宝
微信