HTML实体字符怎么输入?特殊符号编码对照表

HTML实体字符怎么输入?特殊符号编码对照表
最新回答
携酒天涯

2020-08-01 18:42:48

HTML实体字符用于在HTML中表示特殊或不可见字符,输入方式主要有两种:使用实体名称或实体编号,具体如下:

  • 使用实体名称:通过预定义的名称表示字符,例如:

    <(小于号)用 &lt; 表示

    >(大于号)用 &gt; 表示

    ©(版权符号)用 &copy; 表示

    ®(注册商标符号)用 &reg; 表示注意:实体名称区分大小写,例如 &copy; 和 &Copy; 不同。

  • 使用实体编号:通过Unicode编码表示字符,例如:

    < 可用 &#60; 表示

    > 可用 &#62; 表示

    © 可用 &#169; 表示特点:实体编号不区分大小写,且可表示任何Unicode字符。

常见HTML实体字符示例
  • 空格与符号

    不换行空格:&nbsp;

    & 符号:&amp;

    双引号:&quot;

    单引号:&#39;

  • 货币符号

    分(¢):&cent; 或 &#162;

    英镑(£):&pound; 或 &#163;

    日元(¥):&yen; 或 &#165;

    欧元(€):&euro; 或 &#8364;

输入场景与用途
  • 显示特殊字符:当需要显示键盘无法直接输入的字符(如数学符号、货币符号)时,例如:

    显示版权符号:&copy; 或 &#169;

    显示注册商标符号:&reg; 或 &#174;

  • 防止XSS攻击:将用户输入的特殊字符转换为HTML实体,避免恶意代码执行。例如:

    用户输入 <script>alert('XSS')</script> 可转换为 &lt;script&gt;alert(&#39;XSS&#39;)&lt;/script&gt;,浏览器会将其视为文本而非代码。

  • 避免标签解析冲突:在显示包含 < 或 > 的代码时(如XML/HTML片段),使用实体字符防止浏览器误解析。例如:

    显示 <code> 标签时,输入 &lt;code&gt;。

查找HTML实体字符编码的方法
  1. 在线工具:使用搜索引擎查询“HTML实体字符编码表”,或访问专业网站(如

    W3Schools HTML实体参考
    )直接查找。

  2. HTML标准文档:参考

    HTML Living Standard
    获取完整列表。

  3. 浏览器开发者工具

    在Chrome中按 F12 打开开发者工具,切换至 Console 选项卡。

    输入 console.log("©".charCodeAt(0)) 获取字符的Unicode编码(如版权符号为 169),再转换为实体编号(&#169;)。

注意事项
  • 实体名称的可用性:并非所有字符都有实体名称,此时需使用实体编号。
  • 编码一致性:确保实体名称大小写正确,避免因拼写错误导致显示异常。
  • 兼容性:实体编号兼容性更广,适合需要跨平台显示的场景。

通过掌握上述方法,可高效输入HTML实体字符,确保文本正确显示并提升安全性。