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 特殊字符,涵盖绝大多数场景。如果需要特定领域(如音标、特殊符号)的字符,可告诉我具体需求,补充对应的码表!

相关推荐
红色的小鳄鱼2 分钟前
Vue 教程 自定义指令 + 生命周期全解析
开发语言·前端·javascript·vue.js·前端框架·html
coloma20124 分钟前
COCOS代码动态增加刚体和碰撞体的方法
前端·uv
想逃离铁厂的老铁8 分钟前
Day60 >> 94、城市间货物运输1️⃣ + 95、城市间货物运输 2️⃣ + 96、城市间货物运输 3️⃣
java·服务器·前端
GISer_Jing1 小时前
WebGL跨端兼容实战:移动端适配全攻略
前端·aigc·webgl
迦南giser1 小时前
前端性能——传输优化
前端
小白_ysf1 小时前
Vue 中常见的加密方法(对称、非对称、杂凑算法)
前端·vue.js·算法
人工智能训练8 小时前
【极速部署】Ubuntu24.04+CUDA13.0 玩转 VLLM 0.15.0:预编译 Wheel 包 GPU 版安装全攻略
运维·前端·人工智能·python·ai编程·cuda·vllm
会跑的葫芦怪8 小时前
若依Vue 项目多子路径配置
前端·javascript·vue.js
pas13611 小时前
40-mini-vue 实现三种联合类型
前端·javascript·vue.js
摇滚侠11 小时前
2 小时快速入门 ES6 基础视频教程
前端·ecmascript·es6