HTML 字符实体

HTML 字符实体是一种用特殊代码格式来表示 HTML 中具有特殊含义、或无法直接输入 / 显示的字符的方式。

为什么需要 HTML 字符实体?

有两个核心场景必须用到它:

场景一:避免与 HTML 语法冲突

HTML 中有一些自带特殊含义的字符(比如<、>、"、&),这些字符是 HTML 标签的组成部分,如果直接在页面内容中书写,浏览器会把它当作 HTML 语法解析,而不是普通文本显示。

比如你想在页面上直接显示文本 <h1>,如果直接写 <p><h1></p>,浏览器会把<h1>解析成标题标签,而不是显示<h1>这串字符,这时候就需要用字符实体替代。

场景二:表示无法直接输入或显示的字符

有些字符无法通过普通键盘直接输入(比如版权符号 ©、注册商标符号 ®、空格符号等),或者部分特殊字符在不同浏览器 / 编码下显示异常,此时可以用字符实体来准确表示。

HTML 字符实体的基本格式

HTML 字符实体有两种常见格式(推荐使用第一种,兼容性更好):

命名实体

格式为 &实体名称;(以 & 开头,以 ; 结尾,中间是预定义的实体名称)

例如:

  • &lt; 表示 <

  • &gt; 表示 >

  • &copy; 表示 ©

数字实体

格式为 &#十进制数字;&#x十六进制数字;(以 &# 开头,十进制数字直接跟,十六进制加x,最后以 ; 结尾)

例如:

  • &#60;(十进制) 和 &#x3C;(十六进制)都表示 <

  • &#169; 表示 ©

注意:所有字符实体的结尾分号 ; 不能省略,否则浏览器无法识别,会直接显示原字符串。

常用的 HTML 字符实体

以下是开发中最常用的几个字符实体,几乎每天都会用到:

显示结果描述实体名称实体编号

空格&nbsp;&#160;
<小于号&lt;&#60;
>大于号&gt;&#62;
&和号&amp;&#38;
"引号&quot;&#34;
'撇号 &apos; (IE不支持)&#39;
&cent;&#162;
£&pound;&#163;
¥人民币/日元&yen;&#165;
欧元&euro;&#8364;
§小节&sect;&#167;
©版权&copy;&#169;
®注册商标&reg;&#174;
商标&trade;&#8482;
×乘号&times;&#215;
÷除号&divide;&#247;

注意:虽然 html 不区分大小写,但实体字符对大小写敏感。

  

说说我的看法
全部评论(
没有评论
关于
本网站专注于 Java、数据库(MySQL、Oracle)、Linux、软件架构及大数据等多领域技术知识分享。涵盖丰富的原创与精选技术文章,助力技术传播与交流。无论是技术新手渴望入门,还是资深开发者寻求进阶,这里都能为您提供深度见解与实用经验,让复杂编码变得轻松易懂,携手共赴技术提升新高度。如有侵权,请来信告知:hxstrive@outlook.com
其他应用
公众号