html頁面頂部出現一段空白,檢查控制台發現body 下出現&#65279字元,原因及解決辦法,

來源:互聯網
上載者:User

html頁面頂部出現一段空白,檢查控制台發現body 下出現&#65279字元,原因及解決辦法,
html頁面頂部出現一段空白,檢查控制台發現body 下出現&#65279字元,原因及解決辦法

分析:

  原來是頁面編碼時增加了BOM,此頁面後端資料主要是PHP語言,對PHP來講PHP在設計時沒有考慮BOM問題,,不會忽略UTF-8編碼的檔案開頭BOM的那三個字元,會把BOM作為該檔案開頭本文的一部分。由於必須在<?或者<?php後面的代碼才會作為PHP代碼執行,所以將會造成在頁面上輸出這三個字元,顯示效果就要看瀏覽器了,一般是一個空行或是一個亂碼。由於在html一開頭有這3個字元的存在,即使頁面的 top padding 設定為0,也無法讓整個網頁緊貼瀏覽器頂部。由於受COOKIE送出機制的限制,在這些檔案開頭已經有BOM的檔案中,COOKIE無法送出(因為在 COOKIE送出前PHP已經送出了檔案頭),所以登入和登出功能失效。一切依賴COOKIE、SESSION實現的功能全部無效。

解決辦法:

  在編輯、更改任何文字檔時,請務必使用不會亂加BOM的編輯器。linux下的編輯器應該都沒有這個問題。WINDOWS下,請勿使用記事本等編輯器。

推薦的編輯器是:

1、UltraEdit(需要取消‘添加BOM’的相關選項);
2、Dreamweaver(需要取消‘添加BOM’的相關選項)我是用這個解決的問題
3、Notepad(需要進行“轉換為不帶BOM的UTF-8”)等
4、對於已經添加了BOM的檔案,要取消的話,可以用以上編輯器另存一次(Editplus需要先另存新檔gb,再另存新檔UTF-8。)

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.