終于找到了最詳細(xì)系列之HTML字符實(shí)體

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;

如需顯示小于號鳄橘,我們必須這樣寫:&lt;&#60;&#060;

使用實(shí)體名而不是數(shù)字的好處是声离,名稱易于記憶。不過壞處是挥唠,瀏覽器也許并不支持所有實(shí)體名稱(對實(shí)體數(shù)字的支持卻很好)抵恋。

空格字符

HTML提供了5種空格實(shí)體(space entity)焕议,它們擁有不同的寬度宝磨,非斷行空格(&nbsp;)是常規(guī)空格的寬度,可運(yùn)行于所有主流瀏覽器盅安。其他幾種空格( &ensp; &emsp; &thinsp; &zwnj;&zwj;)在不同瀏覽器中寬度各異唤锉。

&nbsp;

它叫不換行空格,全稱No-Break Space别瞭,它是最常見和我們使用最多的空格窿祥,大多數(shù)的人可能只接觸了?,它是按下space鍵產(chǎn)生的空格蝙寨。在HTML中晒衩,如果你用空格鍵產(chǎn)生此空格,空格是不會累加的(只算1個)墙歪。要使用html實(shí)體表示才可累加听系,該空格占據(jù)寬度受字體影響明顯而強(qiáng)烈。

&ensp;

它叫“半角空格”虹菲,全稱是En Space靠胜,en是字體排印學(xué)的計(jì)量單位,為em寬度的一半。根據(jù)定義浪漠,它等同于字體度的一半(如16px字體中就是8px)陕习。名義上是小寫字母n的寬度。此空格傳承空格家族一貫的特性:透明的址愿,此空格有個相當(dāng)穩(wěn)健的特性该镣,就是其占據(jù)的寬度正好是1/2個中文寬度,而且基本上不受字體影響响谓。

&emsp;

它叫“全角空格”拌牲,全稱是Em Space,em是字體排印學(xué)的計(jì)量單位歌粥,相當(dāng)于當(dāng)前指定的點(diǎn)數(shù)塌忽。例如,1 em在16px的字體中就是16px失驶。此空格也傳承空格家族一貫的特性:透明的土居,此空格也有個相當(dāng)穩(wěn)健的特性,就是其占據(jù)的寬度正好是1個中文寬度嬉探,而且基本上不受字體影響擦耀。

&thinsp;

它叫窄空格,全稱是Thin Space涩堤。我們不妨稱之為“瘦弱空格”眷蜓,就是該空格長得比較瘦弱,身體單薄胎围,占據(jù)的寬度比較小吁系。它是em之六分之一寬。

&zwnj;

它叫零寬不連字白魂,全稱是Zero Width Non Joiner汽纤,簡稱“ZWNJ”,是一個不打印字符福荸,放在電子文本的兩個字符之間蕴坪,抑制本來會發(fā)生的連字,而是以這兩個字符原本的字形來繪制敬锐。Unicode中的零寬不連字字符映射為“”(zero width non-joiner背传,U+200C),HTML字符值引用為: &#8204;

&zwj;

它叫零寬連字台夺,全稱是Zero Width Joiner径玖,簡稱“ZWJ”,是一個不打印字符谒养,放在某些需要復(fù)雜排版語言(如阿拉伯語挺狰、印地語)的兩個字符之間明郭,使得這兩個本不會發(fā)生連字的字符產(chǎn)生了連字效果。零寬連字符的Unicode碼位是U+200D (HTML:&#8205; &zwj;)丰泊。

不間斷空格(Non-breaking Space)

HTML 中的常用字符實(shí)體是不間斷空格(&nbsp;)薯定。

瀏覽器總是會截短 HTML 頁面中的空格。如果您在文本中寫 10 個空格瞳购,在顯示該頁面之前话侄,瀏覽器會刪除它們中的 9 個。如需在頁面中增加空格的數(shù)量学赛,您需要使用 &nbsp;字符實(shí)體年堆。

html中tab鍵的表示

HTML特殊字符不包括TAB(TAB應(yīng)該可以用&#9;表示. 但只有在<PRE>...</PRE>這樣的標(biāo)記內(nèi)部才起作用,其他地方只相當(dāng)于一個空格)盏浇。

如果想模擬表示变丧,可以使用&emsp;這個。

HTML中&nbsp; &ensp; &emsp; &thinsp;等6種空白空格的區(qū)別

HTML提供了5種空格實(shí)體(space entity)绢掰,它們擁有不同的寬度痒蓬,非斷行空格(&nbsp;)是常規(guī)空格的寬度,可運(yùn)行于所有主流瀏覽器滴劲。其他幾種空格( &ensp; &emsp; &thinsp; &zwnj;&zwj;)在不同瀏覽器中寬度各異攻晒。

&nbsp;

它叫不換行空格,全稱No-Break Space班挖,它是最常見和我們使用最多的空格鲁捏,大多數(shù)的人可能只接觸了&nbsp;,它是按下space鍵產(chǎn)生的空格萧芙。在HTML中给梅,如果你用空格鍵產(chǎn)生此空格,空格是不會累加的(只算1個)末购。要使用html實(shí)體表示才可累加破喻,該空格占據(jù)寬度受字體影響明顯而強(qiáng)烈。

&ensp;

它叫“半角空格”盟榴,全稱是En Space,en是字體排印學(xué)的計(jì)量單位婴噩,為em寬度的一半擎场。根據(jù)定義,它等同于字體度的一半(如16px字體中就是8px)几莽。名義上是小寫字母n的寬度迅办。此空格傳承空格家族一貫的特性:透明的,此空格有個相當(dāng)穩(wěn)健的特性章蚣,就是其占據(jù)的寬度正好是1/2個中文寬度站欺,而且基本上不受字體影響。

&emsp;

它叫“全角空格”,全稱是Em Space矾策,em是字體排印學(xué)的計(jì)量單位磷账,相當(dāng)于當(dāng)前指定的點(diǎn)數(shù)。例如贾虽,1 em在16px的字體中就是16px逃糟。此空格也傳承空格家族一貫的特性:透明的,此空格也有個相當(dāng)穩(wěn)健的特性蓬豁,就是其占據(jù)的寬度正好是1個中文寬度绰咽,而且基本上不受字體影響。

&thinsp;

它叫窄空格地粪,全稱是Thin Space取募。我們不妨稱之為“瘦弱空格”,就是該空格長得比較瘦弱蟆技,身體單薄矛辕,占據(jù)的寬度比較小。它是em之六分之一寬付魔。

&zwnj;

它叫零寬不連字聊品,全稱是Zero Width Non Joiner,簡稱“ZWNJ”几苍,是一個不打印字符翻屈,放在電子文本的兩個字符之間,抑制本來會發(fā)生的連字妻坝,而是以這兩個字符原本的字形來繪制伸眶。Unicode中的零寬不連字字符映射為“”(zero width non-joiner,U+200C)刽宪,HTML字符值引用為: &#8204;

&zwj;

它叫零寬連字厘贼,全稱是Zero Width Joiner,簡稱“ZWJ”圣拄,是一個不打印字符嘴秸,放在某些需要復(fù)雜排版語言(如阿拉伯語、印地語)的兩個字符之間庇谆,使得這兩個本不會發(fā)生連字的字符產(chǎn)生了連字效果岳掐。零寬連字符的Unicode碼位是U+200D (HTML: &#8205; &zwj;)。

此外饭耳,瀏覽器還會把以下字符當(dāng)作空白進(jìn)行解析:空格(&#x0020;)串述、制表位(&#x0009;)、換行(&#x000A;)和回車(&#x000D;)還有(&#12288;)等等寞肖。

結(jié)合音標(biāo)符

發(fā)音符號是加到字母上的一個"glyph(字形)"纲酗。

一些變音符號, 如 尖音符 ( ?) 和 抑音符 ( ?) 衰腌。

變音符號可以出現(xiàn)字母的上面和下面,或者字母里面觅赊,或者兩個字母間右蕊。

變音符號可以與字母、數(shù)字字符的組合來使用茉兰。

音標(biāo)符 字符 Construct 輸出結(jié)果
? a a&#768; a?
? a a&#769; a?
? a a&#770; a?
? a a&#771; a?
? O O&#768; O?
? O O&#769; O?
? O O&#770; O?
? O O&#771; O?

HTML字符實(shí)體

實(shí)體名稱對大小寫敏感尤泽!

顯示結(jié)果 描述 實(shí)體名稱 實(shí)體編號
空格 &nbsp; &#160;
< 小于號 &lt; &#60;
> 大于號 &gt; &#62;
& 和號 &amp; &#38;
" 引號 &quot; &#34;
' 撇號 &apos; (IE不支持) &#39;
&cent; &#162;
&pound; &#163;
人民幣/日元 &yen; &#165;
歐元 &euro; &#8364;
§ 小節(jié) &sect; &#167;
? 版權(quán) &copy; &#169;
? 注冊商標(biāo) &reg; &#174;
? 商標(biāo) &trade; &#8482;
× 乘號 &times; &#215;
÷ 除號 &divide; &#247;

更多關(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ù)留字符 .

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末堕花,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子粥鞋,更是在濱河造成了極大的恐慌缘挽,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,378評論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件呻粹,死亡現(xiàn)場離奇詭異壕曼,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)等浊,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,970評論 3 399
  • 文/潘曉璐 我一進(jìn)店門腮郊,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人筹燕,你說我怎么就攤上這事轧飞。” “怎么了庄萎?”我有些...
    開封第一講書人閱讀 168,983評論 0 362
  • 文/不壞的土叔 我叫張陵踪少,是天一觀的道長。 經(jīng)常有香客問我糠涛,道長,這世上最難降的妖魔是什么兼犯? 我笑而不...
    開封第一講書人閱讀 59,938評論 1 299
  • 正文 為了忘掉前任忍捡,我火速辦了婚禮集漾,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘砸脊。我一直安慰自己具篇,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,955評論 6 398
  • 文/花漫 我一把揭開白布凌埂。 她就那樣靜靜地躺著驱显,像睡著了一般。 火紅的嫁衣襯著肌膚如雪瞳抓。 梳的紋絲不亂的頭發(fā)上埃疫,一...
    開封第一講書人閱讀 52,549評論 1 312
  • 那天,我揣著相機(jī)與錄音孩哑,去河邊找鬼栓霜。 笑死,一個胖子當(dāng)著我的面吹牛横蜒,可吹牛的內(nèi)容都是我干的胳蛮。 我是一名探鬼主播,決...
    沈念sama閱讀 41,063評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼丛晌,長吁一口氣:“原來是場噩夢啊……” “哼仅炊!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起澎蛛,我...
    開封第一講書人閱讀 39,991評論 0 277
  • 序言:老撾萬榮一對情侶失蹤抚垄,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后瓶竭,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體督勺,經(jīng)...
    沈念sama閱讀 46,522評論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,604評論 3 342
  • 正文 我和宋清朗相戀三年斤贰,在試婚紗的時候發(fā)現(xiàn)自己被綠了智哀。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,742評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡荧恍,死狀恐怖瓷叫,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情送巡,我是刑警寧澤摹菠,帶...
    沈念sama閱讀 36,413評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站骗爆,受9級特大地震影響次氨,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜摘投,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,094評論 3 335
  • 文/蒙蒙 一煮寡、第九天 我趴在偏房一處隱蔽的房頂上張望虹蓄。 院中可真熱鬧,春花似錦幸撕、人聲如沸薇组。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,572評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽律胀。三九已至,卻和暖如春貌矿,著一層夾襖步出監(jiān)牢的瞬間炭菌,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,671評論 1 274
  • 我被黑心中介騙來泰國打工站叼, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留娃兽,地道東北人。 一個月前我還...
    沈念sama閱讀 49,159評論 3 378
  • 正文 我出身青樓尽楔,卻偏偏與公主長得像投储,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子阔馋,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,747評論 2 361

推薦閱讀更多精彩內(nèi)容