終於找到了最詳細系列之HTML字符實體

HTML 字符實體

HTML 中的預留字符必須被替換爲字符實體。一些在鍵盤上找不到的字符也可使用字符實體來替換。

瀏覽器還會把如下字符看成空白進行解析：空格（ ）、製表位（	）、換行（
）和回車（
）還有（　）等等。因此若是想顯示空白鬚要使用html實體來代替。

HTML 實體

在 HTML 中，某些字符是預留的。

在 HTML 中不能使用小於號（<）和大於號（>），這是由於瀏覽器會誤認爲它們是標籤。

若是但願正確地顯示預留字符，咱們必須在 HTML 源代碼中使用字符實體（character entities）。字符實體相似這樣：

& entity_name;或 entity_number;

如需顯示小於號，咱們必須這樣寫：< 或 <或 <

使用實體名而不是數字的好處是，名稱易於記憶。不過壞處是，瀏覽器也許並不支持全部實體名稱（對實體數字的支持卻很好）。

空格字符

HTML提供了5種空格實體（space entity），它們擁有不一樣的寬度，非斷行空格（ ）是常規空格的寬度，可運行於全部主流瀏覽器。其餘幾種空格（       ‌‍）在不一樣瀏覽器中寬度各異。

 

它叫不換行空格，全稱No-Break Space，它是最多見和咱們使用最多的空格，大多數的人可能只接觸了 ，它是按下space鍵產生的空格。在HTML中，若是你用空格鍵產生此空格，空格是不會累加的（只算1個）。要使用html實體表示纔可累加，該空格佔據寬度受字體影響明顯而強烈。

 

它叫「半角空格」，全稱是En Space，en是字體排印學的計量單位，爲em寬度的一半。根據定義，它等同於字體度的一半（如16px字體中就是8px）。名義上是小寫字母n的寬度。此空格傳承空格家族一向的特性：透明的，此空格有個至關穩健的特性，就是其佔據的寬度正好是1/2箇中文寬度，並且基本上不受字體影響。

 

它叫「全角空格」，全稱是Em Space，em是字體排印學的計量單位，至關於當前指定的點數。例如，1 em在16px的字體中就是16px。此空格也傳承空格家族一向的特性：透明的，此空格也有個至關穩健的特性，就是其佔據的寬度正好是1箇中文寬度，並且基本上不受字體影響。

 

它叫窄空格，全稱是Thin Space。咱們不妨稱之爲「瘦弱空格」，就是該空格長得比較瘦弱，身體單薄，佔據的寬度比較小。它是em之六分之一寬。

‌

它叫零寬不連字，全稱是Zero Width Non Joiner，簡稱「ZWNJ」，是一個不打印字符，放在電子文本的兩個字符之間，抑制原本會發生的連字，而是以這兩個字符本來的字形來繪製。Unicode中的零寬不連字字符映射爲「」（zero width non-joiner，U+200C），HTML字符值引用爲： ‌

‍

它叫零寬連字，全稱是Zero Width Joiner，簡稱「ZWJ」，是一個不打印字符，放在某些須要複雜排版語言（如阿拉伯語、印地語）的兩個字符之間，使得這兩個本不會發生連字的字符產生了連字效果。零寬連字符的Unicode碼位是U+200D (HTML: ‍ ‍）。

不間斷空格(Non-breaking Space)

HTML 中的經常使用字符實體是不間斷空格( )。

瀏覽器老是會截短 HTML 頁面中的空格。若是您在文本中寫 10 個空格，在顯示該頁面以前，瀏覽器會刪除它們中的 9 個。如需在頁面中增長空格的數量，您須要使用   字符實體。

html中tab鍵的表示

HTML特殊字符不包括TAB（TAB應該能夠用	表示. 但只有在<PRE>...</PRE>這樣的標記內部才起做用，其餘地方只至關於一個空格）。

若是想模擬表示，可使用 這個。

HTML中       等6種空白空格的區別

HTML提供了5種空格實體（space entity），它們擁有不一樣的寬度，非斷行空格（ ）是常規空格的寬度，可運行於全部主流瀏覽器。其餘幾種空格（       ‌‍）在不一樣瀏覽器中寬度各異。

 

它叫不換行空格，全稱No-Break Space，它是最多見和咱們使用最多的空格，大多數的人可能只接觸了 ，它是按下space鍵產生的空格。在HTML中，若是你用空格鍵產生此空格，空格是不會累加的（只算1個）。要使用html實體表示纔可累加，該空格佔據寬度受字體影響明顯而強烈。

 

它叫「半角空格」，全稱是En Space，en是字體排印學的計量單位，爲em寬度的一半。根據定義，它等同於字體度的一半（如16px字體中就是8px）。名義上是小寫字母n的寬度。此空格傳承空格家族一向的特性：透明的，此空格有個至關穩健的特性，就是其佔據的寬度正好是1/2箇中文寬度，並且基本上不受字體影響。

 

它叫「全角空格」，全稱是Em Space，em是字體排印學的計量單位，至關於當前指定的點數。例如，1 em在16px的字體中就是16px。此空格也傳承空格家族一向的特性：透明的，此空格也有個至關穩健的特性，就是其佔據的寬度正好是1箇中文寬度，並且基本上不受字體影響。

 

它叫窄空格，全稱是Thin Space。咱們不妨稱之爲「瘦弱空格」，就是該空格長得比較瘦弱，身體單薄，佔據的寬度比較小。它是em之六分之一寬。

‌

它叫零寬不連字，全稱是Zero Width Non Joiner，簡稱「ZWNJ」，是一個不打印字符，放在電子文本的兩個字符之間，抑制原本會發生的連字，而是以這兩個字符本來的字形來繪製。Unicode中的零寬不連字字符映射爲「」（zero width non-joiner，U+200C），HTML字符值引用爲： ‌

‍

它叫零寬連字，全稱是Zero Width Joiner，簡稱「ZWJ」，是一個不打印字符，放在某些須要複雜排版語言（如阿拉伯語、印地語）的兩個字符之間，使得這兩個本不會發生連字的字符產生了連字效果。零寬連字符的Unicode碼位是U+200D (HTML: ‍ ‍）。

此外，瀏覽器還會把如下字符看成空白進行解析：空格（ ）、製表位（	）、換行（
）和回車（
）還有（　）等等。

結合音標符

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

一些變音符號, 如 尖音符 ( ̀) 和 抑音符 ( ́) 。

變音符號能夠出現字母的上面和下面，或者字母裏面，或者兩個字母間。

變音符號能夠與字母、數字字符的組合來使用。

音標符	字符	Construct	輸出結果
̀	a	à	à
́	a	á	á
̂	a	â	â
̃	a	ã	ã
̀	O	Ò	Ò
́	O	Ó	Ó
̂	O	Ô	Ô
̃	O	Õ	Õ

HTML字符實體

實體名稱對大小寫敏感！

顯示結果	描述	實體名稱	實體編號
	空格	 	 
<	小於號	&lt;	&#60;
>	大於號	&gt;	&#62;
&	和號	&amp;	&#38;
"	引號	&quot;	&#34;
'	撇號	&apos; (IE不支持)	&#39;
￠	分	&cent;	&#162;
£	鎊	&pound;	&#163;
¥	人民幣/日元	&yen;	&#165;
€	歐元	&euro;	&#8364;
§	小節	&sect;	&#167;
©	版權	&copy;	&#169;
®	註冊商標	&reg;	&#174;
™	商標	&trade;	&#8482;
×	乘號	&times;	&#215;
÷	除號	&divide;	&#247;

更多關於前端的知識點，例如： HTML、CSS、vue、js等等，還請持續關注我~
另外，須要我珍藏多年 前端面試真題解析200Gpdf和 前端知識點源碼的朋友們能夠 戳我領取~
在變 強的路上一去不復返。。。

總結：實體名稱對大小寫敏感！HTML中某些字符是預留的，必須使用預留實體代替預留字符 .