html如何输入摄氏度_在HTML中输入摄氏度符号方法【符号】

正确显示摄氏度符号（℃）的方法有五种：一、用HTML实体°+C组合并声明UTF-8编码；二、直接使用Unicode字符℃（U+2103）且编辑器与文档均为UTF-8；三、CSS伪元素::after注入℃；四、SVG内联绘制确保精度与可访问性；五、Web字体嵌入专用U+2103字形。

如果您需要在网页中正确显示摄氏度符号（℃），但直接输入或复制粘贴后出现乱码、问号或方块，则可能是由于字符编码未正确声明或使用了不兼容的表示方式。以下是实现摄氏度符号显示的多种方法：

一、使用HTML实体符号 ° + 字母C组合

该方法通过组合度数符号与普通字母“C”构成视觉上的摄氏度单位，兼容性极强，适用于所有HTML版本及旧版浏览器。

1、在HTML代码中输入 °C（注意：& 是 & 的转义写法，实际书写时应为 °C）。

2、确保HTML文档声明了UTF-8编码，例如在

立即学习“前端免费学习笔记（深入）”；

3、在浏览器中刷新页面，将显示为°C（无空格，上标度数+大写C）。

二、使用Unicode字符 ℃ 直接输入

摄氏度符号 ℃ 是Unicode标准中的独立字符（U+2103），可直接嵌入HTML源码，前提是编辑器和文档编码均支持UTF-8。

1、在支持UTF-8的文本编辑器（如VS Code、Sublime Text）中，将文档编码设置为UTF-8无BOM。

2、直接键入或复制粘贴字符 ℃（U+2103）到HTML标签内容中，例如：

当前温度：25℃

3、确认HTML头部已声明 ，否则可能显示为乱码。

三、使用CSS伪元素生成℃符号

当需动态添加摄氏度单位或避免HTML内容中混入特殊符号时，可通过CSS content属性注入℃，实现结构与样式的分离。

1、在HTML中仅写数值，例如：25。

标签： css html sublime go svg 伪元素 编码 浏览器 工具 google vs code