1. 程式人生 > >HTML中的換行造成空格問題

HTML中的換行造成空格問題

對於html內建的內聯級標籤以及表單元素標籤,原始碼中連續幾個內聯級標籤中的換行在瀏覽器中會被解釋為一個空格。

包括ie和ff。而這個空格是會被當作一個空白節點(nodeType等於3的節點,就是文位元組點)。

對於html內建的塊級標籤使用了display:inline;則沒上述問題。

  對於html內建的塊級標籤之間的換行,ff會當作一個空白節點(用js可以獲取到),ie則會忽略掉這個換行。

  這個換行在ie和ff的頁面上並無任何影響,不會出現空格。

這裡寫圖片描述

比如是上面的那個圖片,就是a標籤分成四行寫的話,更多和<<之間就會多出來一個空格。如果是寫成一行的話就是沒有中間的空格。這個最好的解釋是本文最上面的問題。
也有人給解釋說是寫在一行中就是壓縮了html文件,壓縮就是節省了空間壓縮了不必要的空格所以就是沒有空格了。