HTML實體在瀏覽器中呈現的方式不同

Question

我正在學習字符編碼，但現在略有混淆。

在下面的代碼，在控制檯我得到的輸出「>」和瀏覽器中正確呈現爲「>」。

<div id="test">&gt;</div> 
</body> 
<script type="text/javascript"> 
x = document.getElementById("test").innerHTML; 
console.log(x); 
</script> 

但是，如果我用這個實體「℘」代替「>」，我得到的渲染輸出都在控制檯和瀏覽器。

這兩個實體之間的區別是什麼？它爲什麼在控制檯中顯示不同？

Answer 1

當你寫在控制檯日誌中的元素，如第8.3 Serializing HTML fragments W3C的HTML5規範中描述的瀏覽器應用HTML序列化。在條款末尾的轉義規則規定：

1. 更換用字符串「&」中的「&」字符的任何發生。

2. 將字符串「 」替換爲任何出現的U + 00A0無間隔空格字符 。

3. 如果該算法是在屬性模式調用「，由串字符‘"’更換任何 出現了「」的。

4. 如果該算法未在屬性模式調用，更換任何 出現由字符串「<」該「<」字符，以及任何 出現由字符串「>」該「>」字符。

因此，在將元素內容寫入日誌時，＆符號和不分隔空格將呈現爲字符引用，而其他字符則是這樣。當瀏覽器從HTML標記中構建內部表示DOM時，它會用實際的「℘」字符替換參考℘。類似的操作發生在所有的字符引用上，包括>，但提到的兩個字符都被渲染爲引用，不管它們在HTML源代碼中如何表示。