HTML 轉義字符

在HTML中，一個包含特殊字符（如<>&）的字符串，要顯示在頁面上，由於添加到文本節點時會被認爲是HTML的標籤結構，造成一些錯誤，因此，要將這些特殊字符進行轉義。

例如在<p>標籤中，添加一個字符串"<script>alert('hello')</script>"，那麼就要對這個字符串進行轉義。

轉義字符串（Escape Sequence），即字符實體（Character Entity）分成三部分：第一部分是一個&符號，英文叫ampersand；第二部分是實體（Entity）名字或者是#加上實體（Entity）編號；第三部分是一個分號。

比如，要顯示小於號（<），就可以寫 &lt; 或者 &#60; 。

 

如果是通過JS動態賦值的，那麼可以利用下面的方法，巧妙地將其進行轉換

 --TODO

 

附上常見的HTML轉義字符

HTML特殊轉義字符列表
最常用的字符實體
Character Entities
顯示      　　說明 　　　　　　　　實體名稱 　　　　　　實體編號
　　　　半方大的空白 　　　　　　&ensp; 　　　　　　&#8194;
　　　　全方大的空白 　　　　　　&emsp;　　　　　　 &#8195;
　　　　不斷行的空白格　　　　　&nbsp; 　　　　　　&#160;
< 　　　　　　小於 　　　　　　&lt; 　　　　　　　　&#60;
> 　　　　　　大於　　 　　　　　　&gt;　　　　　　　　 &#62;
& 　　　　&符號 　　　　　　　　&amp; 　　　　　　&#38;
"　　　　 雙引號 　　　　　　　　&quot; 　　　　　　&#34;

'　　　　　單引號　　　　　　　　&apos;
　　　　版權 　　　　　　　　&copy; 　　　　　　　　&#169;
　　　　 已註冊商標 　　　　　　&reg;　　　　　　　　 &#174;
　　　　 商標（美國） 　　　　 　　　　　　　　　　　　&#8482;
× 　　　　乘號 　　　　　　　　&times; 　　　　　　&#215;
÷ 　　　　除號　　　　　　　　 &divide;　　　　　　 &#247;