1. 程式人生 > >chrome預覽HTML頁面頂部出現空白 ()字元

chrome預覽HTML頁面頂部出現空白 ()字元

本人測試在window的記事本開啟會出現字元,而其它軟體不會.

解決方法:1.把網頁內容拷貝出來到新的檔案中即可.(不要用記事本開啟,瀏覽器或者程式碼編輯工具不會出現該問題)

     2.修改檔案編碼

下面是造成該現象的原因:(來源網路)

頁面的編碼如果是UTF-8 + BOM,會在body開頭處加入一個可見的控制符,導致頁面頭部會出現一個空白。這種編碼方式一般會在windows作業系統中出現,比如記事本編輯器,在儲存一個以UTF-8編碼的檔案時,會在檔案開始的地方插入三個不可見的字元(0xEF 0xBB 0xBF,即BOM)。它是一串隱藏的字元,用於讓記事本等編輯器識別這個檔案是否以UTF-8編碼。對於一般的檔案,這樣並不會產生什麼麻煩。但對於html來說,BOM是個大麻煩。因為瀏覽器在解析html頁面時,並不會忽略BOM,所以在解析html檔案時,會把BOM作為該檔案開頭正文的一部分,這串字元也將會被直接執行(在頁面中並不顯示)出來。由此造成即使頁面的 top或者padding 設定為0,也無法讓整個網頁緊貼瀏覽器頂部,因為在html一開頭有這3個隱藏字元!