HTML 特殊字体符号

HTML特殊字符全攻略

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

一、基础符号(最常用)

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

二、标点与符号

显示效果实体名称实体编号说明
&hellip;&#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 特殊字符,涵盖绝大多数场景。如果需要特定领域(如音标、特殊符号)的字符,可告诉我具体需求,补充对应的码表!

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值