HTML 字符實(shí)體
HTML 中的預(yù)留字符必須被替換為字符實(shí)體。一些在鍵盤上找不到的字符也可以使用字符實(shí)體來替換。
瀏覽器還會把以下字符當(dāng)作空白進(jìn)行解析:空格( 
)硫兰、制表位(	
)炫惩、換行(

)和回車(
)還有( 
)等等。所以如果想顯示空白需要使用html實(shí)體來代替莹痢。
HTML 實(shí)體
在 HTML 中呵恢,某些字符是預(yù)留的鞠值。
在 HTML 中不能使用小于號(<)和大于號(>),這是因?yàn)闉g覽器會誤認(rèn)為它們是標(biāo)簽渗钉。
如果希望正確地顯示預(yù)留字符彤恶,我們必須在 HTML 源代碼中使用字符實(shí)體(character entities)。字符實(shí)體類似這樣:
& entity_name;或&# entity_number;
如需顯示小于號鳄橘,我們必須這樣寫:<
或 <
或 <
使用實(shí)體名而不是數(shù)字的好處是声离,名稱易于記憶。不過壞處是挥唠,瀏覽器也許并不支持所有實(shí)體名稱(對實(shí)體數(shù)字的支持卻很好)抵恋。
空格字符
HTML提供了5種空格實(shí)體(space entity)焕议,它們擁有不同的寬度宝磨,非斷行空格(
)是常規(guī)空格的寬度,可運(yùn)行于所有主流瀏覽器盅安。其他幾種空格(       ‌‍
)在不同瀏覽器中寬度各異唤锉。
它叫不換行空格,全稱No-Break Space别瞭,它是最常見和我們使用最多的空格窿祥,大多數(shù)的人可能只接觸了?,它是按下space鍵產(chǎn)生的空格蝙寨。在HTML中晒衩,如果你用空格鍵產(chǎn)生此空格,空格是不會累加的(只算1個)墙歪。要使用html實(shí)體表示才可累加听系,該空格占據(jù)寬度受字體影響明顯而強(qiáng)烈。
 
它叫“半角空格”虹菲,全稱是En Space靠胜,en是字體排印學(xué)的計(jì)量單位,為em寬度的一半。根據(jù)定義浪漠,它等同于字體度的一半(如16px字體中就是8px)陕习。名義上是小寫字母n的寬度。此空格傳承空格家族一貫的特性:透明的址愿,此空格有個相當(dāng)穩(wěn)健的特性该镣,就是其占據(jù)的寬度正好是1/2個中文寬度,而且基本上不受字體影響响谓。
 
它叫“全角空格”拌牲,全稱是Em Space,em是字體排印學(xué)的計(jì)量單位歌粥,相當(dāng)于當(dāng)前指定的點(diǎn)數(shù)塌忽。例如,1 em在16px的字體中就是16px失驶。此空格也傳承空格家族一貫的特性:透明的土居,此空格也有個相當(dāng)穩(wěn)健的特性,就是其占據(jù)的寬度正好是1個中文寬度嬉探,而且基本上不受字體影響擦耀。
 
它叫窄空格,全稱是Thin Space涩堤。我們不妨稱之為“瘦弱空格”眷蜓,就是該空格長得比較瘦弱,身體單薄胎围,占據(jù)的寬度比較小吁系。它是em之六分之一寬。
‌
它叫零寬不連字白魂,全稱是Zero Width Non Joiner汽纤,簡稱“ZWNJ”,是一個不打印字符福荸,放在電子文本的兩個字符之間蕴坪,抑制本來會發(fā)生的連字,而是以這兩個字符原本的字形來繪制敬锐。Unicode中的零寬不連字字符映射為“”(zero width non-joiner背传,U+200C),HTML字符值引用為: ‌
‍
它叫零寬連字台夺,全稱是Zero Width Joiner径玖,簡稱“ZWJ”,是一個不打印字符谒养,放在某些需要復(fù)雜排版語言(如阿拉伯語挺狰、印地語)的兩個字符之間明郭,使得這兩個本不會發(fā)生連字的字符產(chǎn)生了連字效果。零寬連字符的Unicode碼位是U+200D (HTML:‍ ‍
)丰泊。
不間斷空格(Non-breaking Space)
HTML 中的常用字符實(shí)體是不間斷空格(
)薯定。
瀏覽器總是會截短 HTML 頁面中的空格。如果您在文本中寫 10 個空格瞳购,在顯示該頁面之前话侄,瀏覽器會刪除它們中的 9 個。如需在頁面中增加空格的數(shù)量学赛,您需要使用
字符實(shí)體年堆。
html中tab鍵的表示
HTML特殊字符不包括TAB(TAB應(yīng)該可以用	
表示. 但只有在<PRE>...</PRE>
這樣的標(biāo)記內(nèi)部才起作用,其他地方只相當(dāng)于一個空格)盏浇。
如果想模擬表示变丧,可以使用 
這個。
HTML中      
等6種空白空格的區(qū)別
HTML提供了5種空格實(shí)體(space entity)绢掰,它們擁有不同的寬度痒蓬,非斷行空格(
)是常規(guī)空格的寬度,可運(yùn)行于所有主流瀏覽器滴劲。其他幾種空格(       ‌‍
)在不同瀏覽器中寬度各異攻晒。
它叫不換行空格,全稱No-Break Space班挖,它是最常見和我們使用最多的空格鲁捏,大多數(shù)的人可能只接觸了
,它是按下space鍵產(chǎn)生的空格萧芙。在HTML中给梅,如果你用空格鍵產(chǎn)生此空格,空格是不會累加的(只算1個)末购。要使用html實(shí)體表示才可累加破喻,該空格占據(jù)寬度受字體影響明顯而強(qiáng)烈。
 
它叫“半角空格”盟榴,全稱是En Space,en是字體排印學(xué)的計(jì)量單位婴噩,為em寬度的一半擎场。根據(jù)定義,它等同于字體度的一半(如16px字體中就是8px)几莽。名義上是小寫字母n的寬度迅办。此空格傳承空格家族一貫的特性:透明的,此空格有個相當(dāng)穩(wěn)健的特性章蚣,就是其占據(jù)的寬度正好是1/2個中文寬度站欺,而且基本上不受字體影響。
 
它叫“全角空格”,全稱是Em Space矾策,em是字體排印學(xué)的計(jì)量單位磷账,相當(dāng)于當(dāng)前指定的點(diǎn)數(shù)。例如贾虽,1 em在16px的字體中就是16px逃糟。此空格也傳承空格家族一貫的特性:透明的,此空格也有個相當(dāng)穩(wěn)健的特性蓬豁,就是其占據(jù)的寬度正好是1個中文寬度绰咽,而且基本上不受字體影響。
 
它叫窄空格地粪,全稱是Thin Space取募。我們不妨稱之為“瘦弱空格”,就是該空格長得比較瘦弱蟆技,身體單薄矛辕,占據(jù)的寬度比較小。它是em之六分之一寬付魔。
‌
它叫零寬不連字聊品,全稱是Zero Width Non Joiner,簡稱“ZWNJ”几苍,是一個不打印字符翻屈,放在電子文本的兩個字符之間,抑制本來會發(fā)生的連字妻坝,而是以這兩個字符原本的字形來繪制伸眶。Unicode中的零寬不連字字符映射為“”(zero width non-joiner,U+200C)刽宪,HTML字符值引用為: ‌
‍
它叫零寬連字厘贼,全稱是Zero Width Joiner,簡稱“ZWJ”圣拄,是一個不打印字符嘴秸,放在某些需要復(fù)雜排版語言(如阿拉伯語、印地語)的兩個字符之間庇谆,使得這兩個本不會發(fā)生連字的字符產(chǎn)生了連字效果岳掐。零寬連字符的Unicode碼位是U+200D (HTML: ‍ ‍
)。
此外饭耳,瀏覽器還會把以下字符當(dāng)作空白進(jìn)行解析:空格( 
)串述、制表位(	
)、換行(

)和回車(
)還有( 
)等等寞肖。
結(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字符實(shí)體
實(shí)體名稱對大小寫敏感尤泽!
顯示結(jié)果 | 描述 | 實(shí)體名稱 | 實(shí)體編號 |
---|---|---|---|
空格 | |
  |
|
< | 小于號 | < |
< |
> | 大于號 | > |
> |
& | 和號 | & |
& |
" | 引號 | " |
" |
' | 撇號 |
' (IE不支持) |
' |
¢ | 分 | ¢ |
¢ |
£ | 鎊 | £ |
£ |
¥ | 人民幣/日元 | ¥ |
¥ |
€ | 歐元 | € |
€ |
§ | 小節(jié) | § |
§ |
? | 版權(quán) | © |
© |
? | 注冊商標(biāo) | ® |
® |
? | 商標(biāo) | ™ |
™ |
× | 乘號 | × |
× |
÷ | 除號 | ÷ |
÷ |
更多關(guān)于前端的知識點(diǎn),例如:HTML规脸、CSS坯约、vue、js等等莫鸭,還請持續(xù)關(guān)注我~
另外闹丐,需要我珍藏多年前端面試真題解析200Gpdf和前端知識點(diǎn)源碼的朋友們可以戳我領(lǐng)取~
在變強(qiáng)的路上一去不復(fù)返。被因。卿拴。
總結(jié):
實(shí)體名稱對大小寫敏感!
HTML中某些字符是預(yù)留的梨与,必須使用預(yù)留實(shí)體代替預(yù)留字符 .