HTML 特殊字体符号

以下是 HTML 常用特殊字符码表(含实体名称、实体编号、显示效果及使用场景),涵盖符号、标点、数学符号、希腊字母等高频场景,适配网页开发中「无法直接输入」或「易冲突」的字符需求:

一、基础符号(最常用)

显示效果 实体名称(推荐) 实体编号 说明
空格     非换行空格(不会被压缩)
< &lt; &#60; 小于号(避免与标签冲突)
> &gt; &#62; 大于号(避免与标签冲突)
& &amp; &#38; 和号(避免解析为实体开头)
" &quot; &#34; 双引号(可用于属性值)
' ' &#39; 单引号(部分浏览器支持)
© &copy; &#169; 版权符号(© 2025)
® &reg; &#174; 注册商标(®)
™ &trade; &#8482; 商标符号(™)
€ &euro; &#8364; 欧元符号
$ &dollar; &#36; 美元符号
¥ &yen; &#165; 人民币符号(¥)
£ &pound; &#163; 英镑符号

二、标点与符号

显示效果 实体名称 实体编号 说明
... ... &#8230; 省略号(...)
--- &mdash; &#8212; 长破折号(---)
-- &ndash; &#8211; 短破折号(--)
• &bull; &#8226; 项目符号(・)
※ &iexcl; &#161; 注意符号(※)
&para; &#182; 段落符号(¶)
§ &sect; &#167; 章节符号(§)
° &deg; &#176; 度符号(25°)
′ &prime; &#8242; 分符号(30′)
″ &Prime; &#8243; 秒符号(45″)

三、数学符号

显示效果 实体名称 实体编号 说明
± &plusmn; &#177; 正负号(±5)
× &times; &#215; 乘号(2×3)
÷ &divide; &#247; 除号(6÷2)
= &equals; &#61; 等号(兼容场景)
≠ &ne; &#8800; 不等于(≠)
≈ &asymp; &#8776; 约等于(≈)
≤ &le; &#8804; 小于等于(≤)
≥ &ge; &#8805; 大于等于(≥)
√ &radic; &#8730; 平方根(√25)
∑ &sum; &#8721; 求和符号(∑)
∏ &prod; &#8719; 乘积符号(∏)

四、希腊字母(常用)

显示效果 实体名称 实体编号 小写 / 大写
α &alpha; &#945; 小写希腊字母 α
β &beta; &#946; 小写希腊字母 β
γ &gamma; &#947; 小写希腊字母 γ
δ &delta; &#948; 小写希腊字母 δ
ε &epsilon; &#949; 小写希腊字母 ε
Ω &Omega; &#937; 大写希腊字母 Ω
Σ &Sigma; &#931; 大写希腊字母 Σ
Π &Pi; &#928; 大写希腊字母 Π

五、箭头符号

显示效果 实体名称 实体编号 说明
↑ &uarr; &#8593; 向上箭头
↓ &darr; &#8595; 向下箭头
← &larr; &#8592; 向左箭头
→ &rarr; &#8594; 向右箭头
↔ &harr; &#8596; 左右箭头
↕ &varr; &#8597; 上下箭头
➔ &rarr; &#10148; 粗体右箭头(➔)
⬆️ --- &#11014; emoji 上箭头(需字体支持)

六、使用规则与注意事项

  1. 实体名称 vs 实体编号:

    • 实体名称(如 &lt;)可读性强,推荐优先使用;
    • 实体编号(如 &#60;)兼容性更好(部分老旧浏览器不支持部分实体名称);
    • 结尾必须加 ;,否则浏览器可能无法解析(如 &lt 会失效)。
  2. 常见使用场景:

    • 网页中需要显示 < 或 > 时(如代码片段展示),必须用 &lt;/&gt;,否则会被解析为 HTML 标签;
    • 表单属性值中包含双引号时:<input value="&quot;示例&quot;"> 会显示为 ""示例"";
    • 需要固定空格时(如文字间距),用 &nbsp;(普通空格会被浏览器自动压缩)。
  3. 兼容性:

    • 基础符号(如 <、&、©)兼容所有浏览器;
    • 部分特殊符号(如 &trade;、&euro;)在 IE6 等老旧浏览器可能显示异常,建议结合字体或降级处理;
    • emoji 类符号(如 ⬆️)依赖系统 / 浏览器字体支持,推荐用于现代端(移动端、Chrome/Firefox)。
  4. 快速查询技巧:

    • 若不知道字符对应的实体,可复制字符到 HTML 特殊字符查询工具 查找;
    • 常用字符(如 <、&、空格)建议熟记,提高开发效率。

七、示例代码

html

预览

复制代码
<!-- 1. 显示代码片段(避免标签冲突) -->
<p>HTML 标签示例:&lt;div class="box"&gt;内容&lt;/div&gt;</p>

<!-- 2. 固定空格与符号 -->
<p>用户名:&nbsp;&nbsp;张三&nbsp;&nbsp;©&nbsp;2025 版权所有</p>

<!-- 3. 数学表达式 -->
<p>温度范围:0&deg;C ~ 30&deg;C,误差±2&deg;C</p>
<p>公式:a&sup2; + b&sup2; = c&sup2;(a² + b² = c²)</p>

<!-- 4. 箭头与列表 -->
<p>操作指引:点击 → 下一步 → 完成</p>
<ul>
  <li>&bull; 第一项(项目符号)</li>
  <li>&bull; 第二项</li>
</ul>

以上是开发中最常用的 HTML 特殊字符,涵盖绝大多数场景。如果需要特定领域(如音标、特殊符号)的字符,可告诉我具体需求,补充对应的码表!

相关推荐
JustHappy1 小时前
「vConsole MCP🛠️」我让 AI 直接看见任何 H5 的日志和请求帮你 debug
前端·javascript·程序员
codeGoogle2 小时前
Vue3 UIKit 实战:把聊天、会话、主题和移动端适配全部封装好
前端
大龄秃头程序员2 小时前
iOS Method Swizzling 的工程化实践:如何处理多重交换与第三方冲突
前端
liangshanbo12152 小时前
Webpack 文件指纹面试题整理
前端·webpack·node.js
xieter3 小时前
【技术精选】Node.js 核心事件循环机制与异步 I/O 深度剖析 (2026-10-02)
前端·javascript
计算机魔术师3 小时前
Ethan Mollick 谈点与群:智能体自组织为何让管理假设失效
前端
故七月4 小时前
GEO 信源评估体系:如何判断一条网页信源能否被大模型采信
前端·网络·人工智能
liangshanbo12154 小时前
Webpack 常见 Plugin 面试题
前端·webpack·node.js
xxwl5854 小时前
vue3的入门学习
前端·vue.js·学习
用户847172102844 小时前
.shot 文件格式规范
前端·后端