在前端开发中，你可能经常需要在网页中显示温度、角度或地理坐标，这时就需要用到度数符号（°）。那么，如何在HTML中正确地插入这个符号呢？今天，我来手把手教你三种简单又实用的方法，让你轻松搞定这个问题。

方法一：使用HTML实体，确保兼容性

HTML实体是一种用来表示特殊字符的编码方式，避免它们被浏览器误解为其他代码。度数符号在HTML中最常用的表示方式就是使用HTML实体，比如°和°。

假设你在做一个天气预报的网页，需要展示今天的温度。你可以这样写代码：

<p>今天的气温是30°C。</p>

或者你需要展示一个角度，比如在一个几何图形的题目中：

<p>这个角度是45°。</p>

浏览器渲染后，你的网页将显示：

今天的气温是30°C。这个角度是45°。

通过这种方式，你可以确保度数符号在所有浏览器中都能正确显示，非常适合需要跨平台兼容的项目。

方法二：使用Unicode，让字符更通用

除了HTML实体，你还可以使用Unicode来表示度数符号。Unicode是一种通用字符集，每个字符都有一个唯一的代码。度数符号的Unicode是U+00B0，在HTML中可以这样写：

如果你在开发一个地理信息系统，需要显示某个地点的纬度：

<p id="latitude">The latitude is 40<span id="degree-symbol"></span> North.</p><script> // 使用 JavaScript 动态插入度数符号 document.getElementById('degree-symbol').textContent = '\u00B0';</script>

渲染后，网页上将显示：

The latitude is 40° North.

这种方法适合需要在JavaScript等编程语言中动态生成HTML内容的场景。

方法三：直接输入，简单直接

如果你的编辑器支持，最简单的方法就是直接输入或粘贴度数符号。这种方式不需要任何特殊编码，非常直观。

比如你在编辑一个关于科学实验的网页，描述水的沸点：

<p>水的沸点是100°C。</p>

浏览器将直接显示：

水的沸点是100°C。

这种方法简单直接，但要注意并非所有编辑器都支持直接输入特殊字符。

结束

对于大多数前端开发者来说，使用HTML实体是最推荐的方式，因为它能保证在不同浏览器和设备上的兼容性。如果你对跨平台兼容有要求，使用°或°绝对是最安全的选择。