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

相关推荐
小奶包他干奶奶4 小时前
Webpack学习——Loader(文件转换器)
前端·学习·webpack
zy happy4 小时前
若依 vue3 报错:找不到模块“@/api/xxxx/xxxxx”或其相应的类型声明。。Vue 3 can not find mod
前端·javascript·vue.js
潘小安5 小时前
Git Worktree + Claude Code:让你的开发效率翻倍的秘密武器
前端
meichaoWen5 小时前
【Vue3】vue3的全面学习(一)
前端·javascript·学习
小猪努力学前端5 小时前
在 React + React Router v7 SSR 项目里做多端适配,我踩的两个坑
前端·react.js
q***d1735 小时前
React桌面应用开发
前端·react.js·前端框架
8***29315 小时前
解决 Tomcat 跨域问题 - Tomcat 配置静态文件和 Java Web 服务(Spring MVC Springboot)同时允许跨域
java·前端·spring
0***145 小时前
React计算机视觉应用
前端·react.js·计算机视觉
Q***K555 小时前
React高级
前端·react.js·前端框架