前端Unicode字符编码

835 阅读1分钟

JavaScript、HTML、CSS都支持Unicode编码,但是表达方式都不一样。比如Unicode字符5b89对应汉字“”。

在JavaScript、HTML、CSS中的使用方法分别是:

  • JavaScript: \u5b89
  • HTML: 安。HTML还可以转换为10进制:安
  • CSS: '\5b89'

下面是一个Demo:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Charset</title>
<style>
.css:after {
  content: '\5b89';
}
</style>
</head>
<body>
  <p>HTML: &#x5b89; &#23433;</p>
  <p>JavaScript: <script>document.write('\u5b89')</script></p>
  <p class="css">CSS: </p>
</body>
</html>