8.10前端之字符实体和符号

8.10前端之字符实体和符号

特点

HTML 中的预留字符必须被替换为字符实体

像<、>号这些东西浏览器会误以为是标签。希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（character entities）。

实体名称表格

显示结果	描述	实体名称	实体编号
	空格	 
<	小于号	&lt;	<
>	大于号	&gt;	>
&	和号	&amp;	&
"	引号	&quot;	"
'	撇号	&apos; (IE不支持)	'
￠	分（cent）	&cent;	¢
£	镑（pound）	&pound;	£
¥	元（yen）	&yen;	¥
€	欧元（euro）	&euro;	€
§	小节	&sect;	§
©	版权（copyright）	&copy;	©
®	注册商标	&reg;	®
™	商标	&trade;	™
×	乘号	&times;	×
÷	除号	&divide;	÷

字符实体实例

        <p contenteditable="false" style="font-family: '微软雅黑';color: red;">字符实体</p>
        <p contenteditable="false">&X;</p>
        <p contenteditable="false">&#174</p>

符号

键盘上不存在的字符也可以由实体代替

用来显示一些数字、技术、货币符号--->如果不存在实体名称，则可使用实体编号，十进制或十六进制的引用

符号实例

        <p contenteditable="false">将要显示 &</p>
        <p contenteditable="false">将要显示 &#8364</p>
        <p contenteditable="false">将要显示 &#x20AC</p>

表情符号

关键数字：128525、128151

实例：

        <h1 contenteditable="false">放大表情符号</h1>
        <p contenteditable="false" style="font-size: 48px;">&#128525;</p>
        <br />
        <p contenteditable="false" style="font-size: 48px;">&#128151;</p>