1. 程式人生 > 其它 >8.10前端之字元實體和符號

8.10前端之字元實體和符號

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!!!