大家經(jīng)常瀏覽網(wǎng)頁應(yīng)該見過,HTML有一些預(yù)留字符,瀏覽器在解析時(shí)不能正確的顯示,這個(gè)時(shí)候我們就需要使用字符實(shí)體進(jìn)行替換。同時(shí),有一些鍵盤上找不見的符號我們也可使使用字符實(shí)體進(jìn)行替換。
一、HTML 字符實(shí)體
HTML 中的預(yù)留字符必須被替換為字符實(shí)體。一些在鍵盤上找不到的字符也可以使用字符實(shí)體來替換。
瀏覽器還會(huì)把以下字符當(dāng)作空白進(jìn)行解析:空格( )、制表位(	)、換行(
)和回車(
)還有( )等等。所以如果想顯示空白需要使用html實(shí)體來代替。
二、HTML 實(shí)體
在 HTML 中,某些字符是預(yù)留的。
在 HTML 中不能使用小于號(<)和大于號(>),這是因?yàn)闉g覽器會(huì)誤認(rèn)為它們是標(biāo)簽。
如果希望正確地顯示預(yù)留字符,我們必須在 HTML 源代碼中使用字符實(shí)體(character entities)。字符實(shí)體類似這樣:
& entity_name;或&# entity_number;
如需顯示小于號,我們必須這樣寫:< 或 <或 <
使用實(shí)體名而不是數(shù)字的好處是,名稱易于記憶。不過壞處是,瀏覽器也許并不支持所有實(shí)體名稱(對實(shí)體數(shù)字的支持卻很好)。
1. 空格字符
HTML提供了5種空格實(shí)體(space entity),它們擁有不同的寬度,非斷行空格( )是常規(guī)空格的寬度,可運(yùn)行于所有主流瀏覽器。其他幾種空格(       ‌ ‍)在不同瀏覽器中寬度各異。
它叫不換行空格,全稱No-Break Space,它是最常見和我們使用最多的空格,大多數(shù)的人可能只接觸了 ,它是按下space鍵產(chǎn)生的空格。在HTML中,如果你用空格鍵產(chǎn)生此空格,空格是不會(huì)累加的(只算1個(gè))。要使用html實(shí)體表示才可累加,該空格占據(jù)寬度受字體影響明顯而強(qiáng)烈。
 
它叫“半角空格”,全稱是En Space,en是字體排印學(xué)的計(jì)量單位,為em寬度的一半。根據(jù)定義,它等同于字體度的一半(如16px字體中就是8px)。名義上是小寫字母n的寬度。此空格傳承空格家族一貫的特性:透明的,此空格有個(gè)相當(dāng)穩(wěn)健的特性,就是其占據(jù)的寬度正好是1/2個(gè)中文寬度,而且基本上不受字體影響。
 
它叫“全角空格”,全稱是Em Space,em是字體排印學(xué)的計(jì)量單位,相當(dāng)于當(dāng)前指定的點(diǎn)數(shù)。例如,1 em在16px的字體中就是16px。此空格也傳承空格家族一貫的特性:透明的,此空格也有個(gè)相當(dāng)穩(wěn)健的特性,就是其占據(jù)的寬度正好是1個(gè)中文寬度,而且基本上不受字體影響。
 
它叫窄空格,全稱是Thin Space。我們不妨稱之為“瘦弱空格”,就是該空格長得比較瘦弱,身體單薄,占據(jù)的寬度比較小。它是em之六分之一寬。
‌
它叫零寬不連字,全稱是Zero Width Non Joiner,簡稱“ZWNJ”,是一個(gè)不打印字符,放在電子文本的兩個(gè)字符之間,抑制本來會(huì)發(fā)生的連字,而是以這兩個(gè)字符原本的字形來繪制。Unicode中的零寬不連字字符映射為“”(zero width non-joiner,U+200C),HTML字符值引用為: ‌
‍
它叫零寬連字,全稱是Zero Width Joiner,簡稱“ZWJ”,是一個(gè)不打印字符,放在某些需要復(fù)雜排版語言(如阿拉伯語、印地語)的兩個(gè)字符之間,使得這兩個(gè)本不會(huì)發(fā)生連字的字符產(chǎn)生了連字效果。零寬連字符的Unicode碼位是U+200D (HTML:‍ ‍)。
2. 不間斷空格(Non-breaking Space)
HTML 中的常用字符實(shí)體是不間斷空格( )。
瀏覽器總是會(huì)截短 HTML 頁面中的空格。如果您在文本中寫 10 個(gè)空格,在顯示該頁面之前,瀏覽器會(huì)刪除它們中的 9 個(gè)。如需在頁面中增加空格的數(shù)量,您需要使用 字符實(shí)體。
3. html中tab鍵的表示
HTML特殊字符不包括TAB(TAB應(yīng)該可以用	;表示. 但只有在<PRE>...</PRE>這樣的標(biāo)記內(nèi)部才起作用,其他地方只相當(dāng)于一個(gè)空格)。
如果想模擬表示,可以使用 這個(gè)。
HTML中      等6種空白空格的區(qū)別
HTML提供了5種空格實(shí)體(space entity),它們擁有不同的寬度,非斷行空格( )是常規(guī)空格的寬度,可運(yùn)行于所有主流瀏覽器。其他幾種空格(       ‌‍)在不同瀏覽器中寬度各異。
它叫不換行空格,全稱No-Break Space,它是最常見和我們使用最多的空格,大多數(shù)的人可能只接觸了 ,它是按下space鍵產(chǎn)生的空格。在HTML中,如果你用空格鍵產(chǎn)生此空格,空格是不會(huì)累加的(只算1個(gè))。要使用html實(shí)體表示才可累加,該空格占據(jù)寬度受字體影響明顯而強(qiáng)烈。
 
它叫“半角空格”,全稱是En Space,en是字體排印學(xué)的計(jì)量單位,為em寬度的一半。根據(jù)定義,它等同于字體度的一半(如16px字體中就是8px)。名義上是小寫字母n的寬度。此空格傳承空格家族一貫的特性:透明的,此空格有個(gè)相當(dāng)穩(wěn)健的特性,就是其占據(jù)的寬度正好是1/2個(gè)中文寬度,而且基本上不受字體影響。
 
它叫“全角空格”,全稱是Em Space,em是字體排印學(xué)的計(jì)量單位,相當(dāng)于當(dāng)前指定的點(diǎn)數(shù)。例如,1 em在16px的字體中就是16px。此空格也傳承空格家族一貫的特性:透明的,此空格也有個(gè)相當(dāng)穩(wěn)健的特性,就是其占據(jù)的寬度正好是1個(gè)中文寬度,而且基本上不受字體影響。
 
它叫窄空格,全稱是Thin Space。我們不妨稱之為“瘦弱空格”,就是該空格長得比較瘦弱,身體單薄,占據(jù)的寬度比較小。它是em之六分之一寬。
‌
它叫零寬不連字,全稱是Zero Width Non Joiner,簡稱“ZWNJ”,是一個(gè)不打印字符,放在電子文本的兩個(gè)字符之間,抑制本來會(huì)發(fā)生的連字,而是以這兩個(gè)字符原本的字形來繪制。Unicode中的零寬不連字字符映射為“”(zero width non-joiner,U+200C),HTML字符值引用為: ‌
‍
它叫零寬連字,全稱是Zero Width Joiner,簡稱“ZWJ”,是一個(gè)不打印字符,放在某些需要復(fù)雜排版語言(如阿拉伯語、印地語)的兩個(gè)字符之間,使得這兩個(gè)本不會(huì)發(fā)生連字的字符產(chǎn)生了連字效果。零寬連字符的Unicode碼位是U+200D (HTML: ‍ ‍)。
此外,瀏覽器還會(huì)把以下字符當(dāng)作空白進(jìn)行解析:空格( )、制表位(	)、換行(
)和回車(
)還有( )等等。
4. 結(jié)合音標(biāo)符
發(fā)音符號是加到字母上的一個(gè)"glyph(字形)"。
變音符號可以出現(xiàn)字母的上面和下面,或者字母里面,或者兩個(gè)字母間。
變音符號可以與字母、數(shù)字字符的組合來使用。
HTML 中有用的字符實(shí)體
注釋:實(shí)體名稱對大小寫敏感!
顯示結(jié)果 | 描述 | 實(shí)體名稱 | 實(shí)體編號 |
空格 | |   | |
< | 小于號 | < | < |
> | 大于號 | > | > |
& | 和號 | & | & |
" | 引號 | " | " |
‘ | 撇號 | ' (IE不支持) | ' |
¢ | 分(cent) | ¢ | ¢ |
£ | 鎊(pound) | £ | £ |
¥ | 元(yen) | ¥ | ¥ |
€ | 歐元(euro) | € | € |
§ | 小節(jié) | § | § |
? | 版權(quán)(copyright) | © | © |
? | 注冊商標(biāo) | ® | ® |
? | 商標(biāo) | ™ | ™ |
× | 乘號 | × | × |
÷ | 除號 | ÷ | ÷ |
C語言網(wǎng)提供由在職研發(fā)工程師或ACM藍(lán)橋杯競賽優(yōu)秀選手錄制的視頻教程,并配有習(xí)題和答疑,點(diǎn)擊了解:
一點(diǎn)編程也不會(huì)寫的:零基礎(chǔ)C語言學(xué)練課程
解決困擾你多年的C語言疑難雜癥特性的C語言進(jìn)階課程
從零到寫出一個(gè)爬蟲的Python編程課程
只會(huì)語法寫不出代碼?手把手帶你寫100個(gè)編程真題的編程百練課程
信息學(xué)奧賽或C++選手的 必學(xué)C++課程
藍(lán)橋杯ACM、信息學(xué)奧賽的必學(xué)課程:算法競賽課入門課程
手把手講解近五年真題的藍(lán)橋杯輔導(dǎo)課程