HTML 特殊字符：<、>、&nbsp; 等

在编写 HTML 网页时，你会发现有些字符直接写进去会导致页面显示异常，或者达不到想要的效果。比如你想在网页上显示一个 < 符号，直接打出来却发现浏览器把它当成了标签的开始。这就是 HTML 特殊字符存在的意义——它们是一套转义机制，让你能准确展示那些"有特殊用途"的字符。

为什么需要特殊字符

HTML 语言用 < 和 > 包裹标签名，用 & 开头表示实体引用。如果你直接在页面内容中写这些符号，浏览器会把它们解析成 HTML 结构的一部分，而不是普通文本显示出来。

举几个典型场景：你想在文章中展示代码片段，里面包含 <div> 这样的标签；你想在段落之间留出多个空格；你想显示版权符号 © 或者引号 "。这些情况都必须借助特殊字符来完成。

最常用的特殊字符

1. 基础转义字符

这三个是网页中最常见的"危险字符"，任何包含代码的展示都需要转义：

使用方法：把你想显示的字符替换成对应的实体名称即可。

<p>在HTML中，标签应该写成 &lt;div&gt; 而不是直接写 &lt;div&gt;</p>
<p>如果你想写 &amp; 符号，记得使用转义</p>

显示效果：在HTML中，标签应该写成 <div> 而不是直接写 <div>。如果你想写 & 符号，记得使用转义。

2. 空格与空白字符

HTML 会忽略连续空格，只保留一个空格位置。如果需要特定宽度的空白，有几个选择：

<p>第一段&nbsp;&nbsp;&nbsp;&nbsp;第二段（中间有4个空格）</p>
<p>这是一行文字，<br>这里强制换行了</p>

注意：不要用一堆   来排版，这会影响响应式布局。正确做法是用 CSS 的 margin、padding 或 text-indent 控制间距。

3. 引号与符号

在 HTML 属性值内部需要显示引号时，或者想展示各种标点符号时：

<p title="这是一个&quot;示例&quot;属性">鼠标悬停看提示</p>
<p>他说：&ldquo;这是一段引用文字&hellip;&rdquo;</p>

4. 常用符号速查

实际应用示例

示例一：展示代码片段

写技术文档时，展示 HTML 代码是高频需求。正确做法是所有可能引起歧义的字符都转义：

<pre><code>
&lt;div class="container"&gt;
  &lt;h1&gt;标题&lt;/h1&gt;
  &lt;p&gt;这是一段文字&amp;更多内容&lt;/p&gt;
&lt;/div&gt;
</code></pre>

pre 标签保留空白格式，code 标签标识代码内容。

示例二：数学表达式

网页上写数学公式经常用到特殊符号：

<p>公式：a &lt; b &amp;&amp; c &gt; d</p>
<p>分数：1&frasl;2（使用分数斜线）</p>

示例三：中文排版细节

<p>&ldquo;HTML特殊字符&ldquo;是指&hellip;&rdquo;（使用中文引号）</p>
<p>人民币：&yen;100 价格：&pound;50</p>

注意事项

优先级问题：& 是转义的起点，所以任何特殊字符实体都必须以 & 开头。如果你想显示一个真实的 & 符号，必须写成 &，不能偷懒。

数字代码 vs 名称：实体有两种表达方式，< 这样的命名实体和 < 这样的数字实体。两者效果一样，但命名实体更易读，数字实体兼容性更好。大多数情况下用命名实体即可。

不要过度使用：  不是用来排版的工具，它是用于在特定位置强制保留空格。页面布局应该交给 CSS 完成。

大小写敏感：HTML 实体名称区分大小写，< 是正确的，< 或 ≪ 都不会生效。

总结

HTML 特殊字符本质上是一套转义规则，核心作用是区分"被浏览器解析的内容"和"你想让用户看到的内容"。记住三个最基础的——<、>、&，你就能解决 80% 的问题。其他的按需查阅，不用死记硬背。