8.10前端之字符实体和符号

特点

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

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

实体名称表格

显示结果 描述 实体名称 实体编号
  空格 &nbsp;  
< 小于号 &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>

 

It's a lonely road!!!