HTML 实体与符号

某些字符在 HTML 中有特殊含义（如 <、>、&）——用字符实体来正确显示它们。

学完本章你将： 掌握常用实体转义、Emoji 表情符号。

常见实体

html

<!-- 必须转义的字符 -->
&lt;     →  <    （小于号）
&gt;     →  >    （大于号）
&amp;    →  &    （与符号）
&quot;   →  "    （双引号）
&apos;   →  '    （单引号）

<!-- 非换行空格 -->
&nbsp;  →  （不换行空格）

实用符号

html

&copy;   →  ©   版权
&reg;    →  ®   注册商标
&trade;  →  ™   商标
&yen;    →  ¥   人民币
&euro;   →  €   欧元
&hearts; →  ♥   心形
&star;   →  ☆   星形

Emoji 表情符号

html

<!-- 直接粘贴 Emoji -->
<p>😀 😂 ❤️ 👍 🎉</p>

<!-- 或用 HTML 实体编号 -->
<p>&#128512; &#128514; &#10084;</p>
<!--  😀       😂       ❤     -->

显示代码

html

<!-- 用实体转义来显示 HTML 代码本身 -->
<pre>
&lt;h1&gt;标题&lt;/h1&gt;
&lt;p&gt;段落文字&lt;/p&gt;
</pre>
<!-- 页面显示：<h1>标题</h1> -->

💡 代码编辑器通常高亮 <code> 标签内的内容。<pre> + <code> 组合是展示代码的标配。

字符实体

HTML 实体与符号

常见实体

实用符号

Emoji 表情符号

显示代码

🛠️ 学完试试这些工具