網(wǎng)頁頂部多了一個空白行，甚至引起了式樣的錯亂，樣式都設(shè)置好了，可還是有空白行。很是奇怪，后來搜索了一下，找到原因了。就是因為頁面編碼時加了BOM，才導致的空白行，怎么也去不掉。

分析原因：
由于使用UTF-8編碼，在編寫或修改代碼后都保存為utf-8編碼格式。雖然現(xiàn)在幾乎所有的文本編輯軟件都可以顯示并編輯UTF-8編碼的文件，但是很遺憾的是其中很多軟件的表現(xiàn)并不理想。

類 似WINDOWS自帶的記事本等軟件，在保存一個以UTF-8編碼的文件時，會在文件開始的地方插入三個不可見的字符（_0xEF _0xBB _0xBF，即BOM——Byte Order Mark）。它是一串隱藏的字符，用于讓記事本等編輯器識別這個文件是否以UTF-8編碼。對于一般的文件，這樣并不會產(chǎn)生什么麻煩。但對于 PHP來說，PHP在設(shè)計時就沒有考慮BOM的問題，不會忽略UTF-8編碼的文件開頭BOM的那三個字符，會把BOM作為該文件開頭正文的一部分。由于必須在<?或者<?php后面的代碼才會作為PHP代碼執(zhí)行，所以將會造成在頁面上輸出這三個字符，顯示效果就要看瀏覽器了，一般是一個空行或是一個亂碼。由于在html一開頭有這3個字符的存在，即使頁面的 top padding 設(shè)置為0，也無法讓整個網(wǎng)頁緊貼瀏覽器頂部。由于受COOKIE送出機制的限制，在這些文件開頭已經(jīng)有BOM的文件中，COOKIE無法送出（因為在 COOKIE送出前PHP已經(jīng)送出了文件頭），所以登入和登出功能失效。一切依賴COOKIE、SESSION實現(xiàn)的功能全部無效。

?

解決辦法：

在編輯、更改任何文本文件時，請務(wù)必使用不會亂加BOM的編輯器。Linux下的編輯器應該都沒有這個問題。WINDOWS下，請勿使用記事本等編輯器。

推薦的編輯器是：
1、Editplus 2.12版本以上；
2、EmEditor；
3、UltraEdit（需要取消‘添加BOM’的相關(guān)選項）；
4、Dreamweaver（需要取消‘添加BOM’的相關(guān)選項）；
5、Notepad(需要進行“轉(zhuǎn)換為不帶BOM的UTF-8”)等。
6、對于已經(jīng)添加了BOM的文件，要取消的話，可以用以上編輯器另存一次。（Editplus需要先另存為gb，再另存為UTF-8。） ?推薦用Editplus。

轉(zhuǎn)載于:https://www.cnblogs.com/liucypress/p/4133641.html

總結(jié)

以上是生活随笔為你收集整理的网页排版出现空白的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。