HTML字元實體

首先解決一個新手經常遇到的問題，如果讓頁面顯示多個空格。

可能會有很多朋友會連續敲擊空格鍵，截圖如下：

然而實際瀏覽器的渲染效果確實如下截圖：

這時候HTML字元實體的必要性就體現出來了，連續輸入$nbsp;即可實現任意長度空格效果。

還有一種常見的情況必須要使用HTML字元實體，有很多需要顯示的字元可能是HTML語法結構的組成部分。

例如大於號（>）和小於號（<），程式碼例項如下：

[HTML] 純文字檢視 複製程式碼執行程式碼
<div>螞蟻部落</div>

如果我們想在頁面中顯示如下內容“<div><div>是重要的HTML標籤</div>”。

可能初學者會使用如下寫法：

[HTML] 純文字檢視 複製程式碼執行程式碼
<div><div>是重要的HTML標籤</div>

瀏覽器渲染效果如下：

由於瀏覽器解析的時候，將其進行標籤配對，再加上一些容錯機制，導致<div>沒有顯示。

HTML字元實體的作用又一次得到體現。

大於號（>）用&gt;表示，小於號用&lt;表示，瀏覽器就不會把<div>當標籤解析。

程式碼修改如下：

[HTML] 純文字檢視 複製程式碼
<div>&lt;div&gt;是一個HTML標籤</div>

字元實體的表示形式是:&+字元實體名+分號（;）。

除上面的形式，還可以使用&+字元實體數字+分號（;）形式，

兩種形式互有優缺點，數字形式不利於記憶，但是瀏覽器相容性完美。

字元形式便於記憶，但可能有一些瀏覽器相容性問題，但問題不大。

程式碼例項如下：

[HTML] 純文字檢視 複製程式碼
&lt;<!--實體名形式-->
&#60;<!--數字形式-->

常見字元實體：

（1）."（雙引號）:&quot;。

（2）.‘（左單引號）：&lsquo;。

（3）.’（右單引號）：&rsquo;。

（4）.×（乘號）:&times;。

（5）.÷（除號）：&divide;。

（6）.<（小於號）：&lt;。

（7）.>（大於號）:&gt;。

（8）.&（與符號）:&amp;。

（9）.—（長破折號）：&mdash;。

（10）.|（豎線）:&#124;。