8.10前端之字元實體和符號
阿新 • • 發佈:2021-08-11
特點
HTML 中的預留字元必須被替換為字元實體
像<
、>
號這些東西瀏覽器會誤以為是標籤。希望正確地顯示預留字元,我們必須在 HTML 原始碼中使用字元實體(character entities)。
實體名稱表格
顯示結果 | 描述 | 實體名稱 | 實體編號 |
---|---|---|---|
空格 | |
||
< | 小於號 | < |
< |
> | 大於號 | > |
> |
& | 和號 | & |
& |
" | 引號 | " |
" |
' | 撇號 | ' (IE不支援) |
' |
¢ | 分(cent) | ¢ |
¢ |
£ | 鎊(pound) | £ |
£ |
¥ | 元(yen) | ¥ |
¥ |
€ | 歐元(euro) | € |
€ |
§ | 小節 | § |
§ |
© | 版權(copyright) | © |
© |
® | 註冊商標 | ® |
® |
™ | 商標 | ™ |
™ |
× | 乘號 | × |
× |
÷ | 除號 | ÷ |
÷ |
字元實體例項
<p contenteditable="false" style="font-family: '微軟雅黑';color: red;">字元實體</p>
<p contenteditable="false">&X;</p>
<p contenteditable="false">®</p>
符號
鍵盤上不存在的字元也可以由實體代替
用來顯示一些數字、技術、貨幣符號--->如果不存在實體名稱,則可使用實體編號,十進位制或十六進位制的引用
符號例項
<p contenteditable="false">將要顯示 &</p>
<p contenteditable="false">將要顯示 €</p>
<p contenteditable="false">將要顯示 €</p>
表情符號
關鍵數字:128525、128151
例項:
<h1 contenteditable="false">放大表情符號</h1>
<p contenteditable="false" style="font-size: 48px;">😍</p>
<br />
<p contenteditable="false" style="font-size: 48px;">💗</p>
It's a lonely road!!!