TML 中的預(yù)留字符必須被替換為字符實體。
一些在鍵盤上找不到的字符也可以使用字符實體來替換。
HTML 實體
在 HTML 中,某些字符是預(yù)留的。
在 HTML 中不能使用小于號(<)和大于號(>),這是因為瀏覽器會誤認(rèn)為它們是標(biāo)簽。
如果希望正確地顯示預(yù)留字符,我們必須在 HTML 源代碼中使用字符實體(character entities)。 字符實體類似這樣:
&entity_name;
或
&#entity_number;
如需顯示小于號,我們必須這樣寫:< 或 < 或 <
提示: 使用實體名而不是數(shù)字的好處是,名稱易于記憶。不過壞處是,瀏覽器也許并不支持所有實體名稱(對實體數(shù)字的支持卻很好)。
不間斷空格(Non-breaking Space)
HTML 中的常用字符實體是不間斷空格( )。
瀏覽器總是會截短 HTML 頁面中的空格。如果您在文本中寫 10 個空格,在顯示該頁面之前,瀏覽器會刪除它們中的 9 個。如需在頁面中增加空格的數(shù)量,您需要使用 字符實體。
結(jié)合音標(biāo)符
發(fā)音符號是加到字母上的一個"glyph(字形)"。
一些變音符號, 如 尖音符 ( ?) 和 抑音符 ( ?) 。
變音符號可以出現(xiàn)字母的上面和下面,或者字母里面,或者兩個字母間。
變音符號可以與字母、數(shù)字字符的組合來使用。
以下是一些實例:
音標(biāo)符 | 字符 | Construct | 輸出結(jié)果 |
---|---|---|---|
? | a | à | a? |
? | a | á | a? |
? | a | â | a? |
? | a | ã | a? |
? | O | Ò | O? |
? | O | Ó | O? |
? | O | Ô | O? |
? | O | Õ | O? |
HTML字符實體
實體名稱對大小寫敏感! |
顯示結(jié)果 | 描述 | 實體名稱 | 實體編號 |
---|---|---|---|
空格 | |   | |
< | 小于號 | < | < |
> | 大于號 | > | > |
& | 和號 | & | & |
" | 引號 | " | " |
' | 撇號 | ' (IE不支持) | ' |
¢ | 分 | ¢ | ¢ |
£ | 鎊 | £ | £ |
¥ | 日元 | ¥ | ¥ |
€ | 歐元 | € | € |
§ | 小節(jié) | § | § |
? | 版權(quán) | © | © |
? | 注冊商標(biāo) | ® | ® |
? | 商標(biāo) | ™ | ™ |
× | 乘號 | × | × |
÷ | 除號 | ÷ | ÷ |
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
在編寫HTML頁面時,需要用到"<"、">"、"空格"等符號,直接輸入這些符號時,會錯誤的把它們與標(biāo)記混在一起,非常不利于編碼。
那么就需要把這些字符進行轉(zhuǎn)義,以另一種方式抒寫,以相同的形式展現(xiàn)。
在HTML中,這些字符可稱為HTML Entity,即HTML 字符實體。一個HTML Entity都含有2種轉(zhuǎn)義格式:Entity Name 和 Entity Number。
格式: &entityName;
說明:"&"開頭,";"結(jié)尾,以語義的形式描述字符。如字符"<",Entity Name為"<",取自"less than"2個單詞的首字母。
格式: entityNumber;
說明:此編號可以為十進制或十六進制(以""開頭)等數(shù)字格式。
<p>字符 :<</p>
<p>Entity Name :<</p>
<p>Entity Number(十進制) :<</p>
<p>Entity Number(十六進制) :<</p>
以上都是小于號
Character | Entity Name | Entity Number(十進制) |
|
| |
! | ! | ! |
" | " | " |
# | # | # |
$ | $ | $ |
% | % | % |
& | & | & |
' | ' | ' |
( | ( | ( |
) | ) | ) |
* | * | * |
+ | + | + |
, | , | , |
- | ‐ | - |
. | . | . |
/ | / | / |
: | : | : |
; | ; | ; |
< | < | < |
= | = | = |
> | > | > |
? | ? | ? |
@ | @ | @ |
[ | [ | [ |
\ | \ | \ |
] | ] | ] |
^ | ˆ | ^ |
_ | _ | _ |
` | ` | ` |
{ | { | { |
| | | | | |
} | } | } |
~ | ˜ | ~ |
標(biāo)
作用:空格
空格
空格
作用:大于號(>)
大于號(>)
大于號(>)
作用:小于號(<)
小于號(<)
小于號(<)
作用:版權(quán)符號?
版權(quán)符號?
版權(quán)符號?
quot 引號(")
trade商標(biāo)(?)
times乘號(×)
divide除號(÷)
euro 歐元號(€)
可以通過百度搜索‘html字符實體’,就會有非常多的字符實體標(biāo)簽
支付實體標(biāo)簽
字符實體標(biāo)簽在實際開發(fā)中,用得并不多,因為輸入法已經(jīng)大量內(nèi)置了常用的符號
更多前端教程,敬請關(guān)注微信公眾號:前端旺
*請認(rèn)真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。