易混HTML Entities與正確用法

在頁面上，表示HTML實體有多種方式，比方有「&+name;」、「&#+10進制ID」、「&#x+16進制ID」。而「\u+16進制」通常用於CSS的content樣式屬性。

空字符 – null

空字符：\u0000

空白 – whitespace

空字符表示沒有字符，不佔頁面物理位置，空白是有物理位置的。空白包含空格、製表符、回車符和換行符。

空格-space： 。&#x20，\u0020；

不間斷空格：  或   或 \u00A0；

Tab： 	 或 	 或 \u0009；

回車-CR：
 或&#xD 或 \u000D；

換行符-LF：
 或 \u000A；

• 不間斷空格和空格的區別是，後者出現多個湊在一塊兒的時候會坍塌成一個空格。而不間斷空格無論出現多少個都不會坍塌。
• 在HTML頁面中，元素換行不是經過CR或LF，而是經過<br>標籤。CR和LF主要在<pre>標籤中起做用。

• 空格、製表符、回車符和換行符的顯示受white-space樣式的影響。

單引號、雙引號

不一樣語言的引用符號不盡一樣（https://en.wikipedia.org/wiki/Quotation_mark），假設直接在頁面上輸入，則需要很是多頁面，而且也太過繁瑣。一般是經過CSS屬性quotes。或者使用content結合:before和:after一塊兒設置。

/* Set two levels of quotation marks*/

q { quotes: "«" "»" "‹" "›"; }

q:before { content: open-quote }

q:after  { content: close-quote }

假設再結合:lang選擇器，就可以對不論什麼本地化改動引號符了。

英文單引號（'）	IE8不支持'，因此通常使用' 或' 或 \u0027。
英文雙引號（"）	" 或" 或 或 \u0022
中文單引號左（‘）	\u2018，‘ 或‘
中文單引號右（’）	\u2019，’ 或’
中文雙引號左（「）	\u201C。“ 或“
中文雙引號右（」）	\u201D。” 或”

之因此大規模使用了（'）和（"）是因爲曾經的打字機和電腦中沒有對應的對稱引用符號，因此都用了垂直的符號。

現在部分軟件可以直接把垂直符改爲對稱引用符號。但這樣的本身主動轉換不是很是無缺。所以，隨着client字符集愈來愈豐富，咱們也應該正確使用這些字符。

連字符、減號、破折號、下劃線

如下幾個字符區別很是小，需要細緻觀察。從長度分析：mdash > ndash = 減號 > 連字符 = hyphen-minus；從位置高度分析：ndash = mdash = hyphen > minus = hyphen-minus > 下劃線。

Hyphen-minus（-）：&#45; 或&#x2D; 或 \u002D

下劃線（_）：&#95; 或或&#x5F; 或 \u005F

減號（−）：&minus; 或 &#x2212; 或 \u2212

連字符（‐）：&hyphen; 或&#x2010; 或 \u2010

Ndash（–）：&ndash;或 &#8211 或 &#x2013; 或 \u2013

Mdash（—）：&mdash; 或 &#8212 或&#x2014; 或 \u2014

• Hyphen-minus是通常寫代碼時用到的符號。鍵盤上的小寫符號就是它；
• 在鍵盤上。hyphen-minus之上就是下劃線，經過shift鍵可以獲取；
•  減號通常用於數學表達式；
• 連字符顧名思義就是連接兩個單詞。組成一個新單詞，比方left-handed。
• ndash用於表示範圍，比方2–9。
• mdash用於連接句子。比方Star Wars is—as everyone knows—amazing。

省略符

有些人會用三個句號來表示，事實上這是錯誤的表示方法，應該使用省略符。

省略符：&hellip; 或 &#8230; 或&#x2026; 或\u2026

大於號、小於號

因爲HTML標籤使用的就是這兩個符號，假設直接在頁面輸入大於或小於號會致使頁面顯示異常。通常來講，僅僅有剛開始學習的人會誤用這兩個符號。

小於號：&lt; 或 &#60; 或&#x3c; 或\u003C

大於號：&gt; 或 &#62; 或&#x3E; 或\u003E。

和符號、或符號

easy誤用的是&符號，在英文頁面直接使用可能會致使單詞顯示有問題。因爲「&+name;」會表示還有一個特殊字符。假設&正好位於單詞前面。而且後面有「;」，那就糟糕了。因此，通常用&amp;替代。

和符號：&amp; 或 &#38; 或 &#x26; 或\u0026