优先使用°等html命名实体表示度数符号,因其兼容性好、可读性强;℃℉k等应采用对应unicode数字实体,避免语义错误与渲染异常。

直接用 °、℃、℉、K 这类实体,比粘贴 Unicode 字符更稳——尤其当后端输出未声明 UTF-8 或用户用老旧编辑器保存时,° 几乎不会出错。
显示度数符号 °:优先用 °,别信复制粘贴
键盘打不出 °,直接复制粘贴看似省事,但容易因编码丢失变成 或乱码。浏览器对 ° 的支持从 HTML 2.0 就开始,全平台无兼容问题。
-
°是命名实体,可读性强,推荐在温度、角度等场景中首选 - 避免用
°(UTF-8 直接字符)——除非你确认<meta charset="UTF-8">已声明且所有编辑器/部署流程都保持 UTF-8 - 十进制
°和十六进制°也能用,但没必要:可读性差,且°已覆盖全部主流浏览器
摄氏 ℃、华氏 ℉、开尔文 K:用数字实体更可靠
°C 看似自然,但严格来说不是标准实体;浏览器虽常容错渲染,但 W3C 不保证其跨版本一致性。真正稳妥的是组合数字实体。
- ℃ 必须写成
℃(U+2103),不是°C—— 后者在部分旧版 Safari 或邮件客户端里会断开显示为 “° C” - ℉ 对应
℉(U+2109),K(开尔文)用K(U+212A),这两个没有命名实体,只能靠数字形式 - 注意:
K和普通大写字母K视觉几乎一样,但语义不同;科学数据展示时必须用K,否则可能被校验工具报错
其他物理单位符号:查 Unicode 码点比死记硬背更实际
像 Ω(欧姆)、Å(埃)、µ(微)、²(上标 2)、³(上标 3)这些,没有通用命名实体,靠查表+数字实体最省心。
- Ω 欧姆符号是
Ω(U+2126),不是希腊字母Ω—— 虽然显示相似,但语义和可访问性不同 - µ(微)用
µ,别用μ(那是希腊字母 mu,语义不等价) - 上标数字:² 是
²,³ 是³;不要用 CSSvertical-align: super模拟——它影响行高且无法被屏幕阅读器识别为上标 - Å(埃,0.1 纳米)是
Å(U+212B),不是Å(后者是带圈 A,用于瑞典语)
动态插入时的坑:JavaScript 中别拼接 ° 字符串
用 innerHTML 插入含 ° 的字符串没问题,但若用 textContent,° 会被当纯文本显示,不解析——这是安全机制,不是 bug。
- 需要动态渲染单位符号时,优先用
innerHTML = "25" + "°C",而不是textContent - 如果内容来自用户输入,必须先 HTML 转义再插入,否则
°可能被当成 XSS 注入点的一部分(比如用户输<script>alert(1)</script>) - 更健壮的做法:服务端输出前统一转义,前端只负责插值;或用模板引擎(如 Handlebars)自动处理实体
最易被忽略的一点:单位符号不是装饰,是语义信息。℃ 和 °C 在辅助技术、SEO、结构化数据中含义完全不同,选错实体可能让气象 API 返回的数据在 schema.org 标注里失效。











