1. 程式人生 > 實用技巧 >HTML學習-2.實體

HTML學習-2.實體

目錄

HTML的不便之處

在介紹實體之前先來看一下HTML文件自身的一些規則:
圖片左側是原始碼,右側是HTML文件再瀏覽器中的顯示狀態。從圖中我們可以看出以下兩點:

  1. 原始碼中我們在這是測試內容2中添加了一個空格,瀏覽器如實的顯示了出來,而在這是測試內容3中我們添加了多個空格後,瀏覽器中卻只顯示了一個空格,這就是HTML自身存在的規則(其實幾乎所有語言都存在這一規則,因為為了使程式碼更容易閱讀,我們經常使用空格和回車來讓程式碼結構更加清晰),但是這一規則很明顯使程式碼與我們的預期有了一定的偏差。
  2. 在下一句程式碼中,我們本意是想寫一個不等式a < b >c
    ,但是瀏覽器卻只顯示了ac,並且c還有加粗的效果,正如前面所說HTML中標籤是由一對尖括號<>包裹的,而恰巧HTML中就有一個標籤是 <b>,所以瀏覽器將<b>誤認為了標籤而沒有顯示在網頁當中,顯然這也與我們的期望不符。

實體介紹

上述情況本質上是因為我們的程式碼存在歧義,瀏覽器錯誤解讀了程式碼含義,導致網頁最終與我們期望的效果不符,為了解決這一情況,在遇到這種特殊符號時,我們採用一種特殊的語法方式來表式,這樣就避免了瀏覽器解讀錯誤的發生,而這種表達方式就叫做實體,實體是以一個&開始,一個結束,如下所示:

&實體的名字;  

前面測試示例中 空格 的實體表示為 &nbsp;

大於號>為&gt;小於號<為 &lt;

顯然,用上實體表達之後,網頁如我們預期的一樣顯示出來了。更多常用的實體表達如下圖所示:

[注] 本人也正在自學當中,文中如有理解不當或者錯誤表述之處,歡迎交流指正。