UTF8編碼開發(fā)中頁(yè)面空白問題的解決方法
更新時(shí)間:2008年10月27日 00:47:11 作者:
開發(fā)中一直沒辦法解決的一個(gè)問題頁(yè)面采用UTF8編碼,頭部和尾部用了模板包含文件的方法,結(jié)果頭部和尾部無端端各多出一個(gè)約10px的空行,什么也沒有。
原因是全部采用utf8編碼,包含文件的時(shí)候,最后的二進(jìn)制流中包含了多次UTF8 BOM標(biāo)記,IE不能正常解析包含多個(gè)UTF8 BOM 標(biāo)記的頁(yè)面,直接替換成實(shí)際顯示的回車,這樣導(dǎo)致一個(gè)空行,而firefox卻沒有這個(gè)問題。
故如果模板采用包含的方法包含多個(gè)utf8文件需要用ultraedit保存時(shí)另存為功能 選擇utf8 無bom格式保存即可。
另外,如果中文頁(yè)面在html head標(biāo)記中將title標(biāo)記放在<meta http-equiv=”content-type” content=”text/html; charset=UTF-8″ />前面會(huì)導(dǎo)致頁(yè)面空白。
所以u(píng)tf8頁(yè)面應(yīng)該使用標(biāo)準(zhǔn)順序
<meta http-equiv=”content-type” content=”text/html; charset=UTF-8″ />
<meta http-equiv=”content-language” content=”zh-CN” />
<meta name=”robots” content=”index,follow” />
<meta name=”keywords” content=”" />
<meta name=”description” content=”" />
<meta name=”rating” content=”general” />
<meta name=”author” content=”" />
<meta name=”copyright” content=”" />
<meta name=”generator” content=”" />
<title></title>
BOM頭:\xEF\xBB\xBF,PHP4、5尚對(duì)BOM無視,所以在解析前直接輸出。
對(duì)此 w3.org 標(biāo)準(zhǔn) FAQ 中對(duì)此問題有一個(gè)專門的描述:
http://www.w3.org/International/questions/qa-utf8-bom
具體如下:
在UCS 編碼中有一個(gè)叫做”ZERO WIDTH NO-BREAK SPACE”的字符,它的編碼是FEFF。而FFFE在UCS中是不存在的字符,所以不應(yīng)該出現(xiàn)在實(shí)際傳輸中。UCS規(guī)范建議我們?cè)趥鬏斪止?jié)流前,先傳輸 字符”ZERO WIDTH NO-BREAK SPACE”。這樣如果接收者收到FEFF,就表明這個(gè)字節(jié)流是Big-Endian的;如果收到FFFE,就表明這個(gè)字節(jié)流是Little- Endian的。因此字符”ZERO WIDTH NO-BREAK SPACE”又被稱作BOM。
UTF-8不需要BOM來表明字節(jié)順序,但可以用BOM來表明編碼方式。字符”ZERO WIDTH NO-BREAK SPACE”的UTF-8編碼是EF BB BF。所以如果接收者收到以EF BB BF開頭的字節(jié)流,就知道這是UTF-8編碼了。
Windows就是使用BOM來標(biāo)記文本文件的編碼方式的操作系統(tǒng): WindowsXP Professional , 缺省字符集:中文
1) notepad : 可以自動(dòng)識(shí)別出沒有帶 bom 的 utf-8 編碼格式文件,但不可以控制保存文件時(shí)是否添加 bom , 如果保存文件,那么會(huì)統(tǒng)一添加 bom 。
2)editplus : 不能自動(dòng)識(shí)別出沒有 bom 的 utf-8 編碼格式文件,文件保存時(shí),選擇UTF-8 格式,不會(huì)在文件頭寫上 BOM header.
3) UltraEdit : 對(duì)于字符編碼的功能最為強(qiáng)大, 可以自動(dòng)識(shí)別帶 bom 和不帶 bom 的 utf-8 文件 (可以配置) ; 保存的時(shí)候可以通過配置選擇是否添加 bom.
(特別需要注意的是,保存一個(gè)新建立的文件時(shí),需要選擇另存為 utf-8 no bom 格式)
后來發(fā)現(xiàn) Notepad ++ 也對(duì)于 utf-8 bom 支持比較好,推薦大家使用。
故如果模板采用包含的方法包含多個(gè)utf8文件需要用ultraedit保存時(shí)另存為功能 選擇utf8 無bom格式保存即可。
另外,如果中文頁(yè)面在html head標(biāo)記中將title標(biāo)記放在<meta http-equiv=”content-type” content=”text/html; charset=UTF-8″ />前面會(huì)導(dǎo)致頁(yè)面空白。
所以u(píng)tf8頁(yè)面應(yīng)該使用標(biāo)準(zhǔn)順序
<meta http-equiv=”content-type” content=”text/html; charset=UTF-8″ />
<meta http-equiv=”content-language” content=”zh-CN” />
<meta name=”robots” content=”index,follow” />
<meta name=”keywords” content=”" />
<meta name=”description” content=”" />
<meta name=”rating” content=”general” />
<meta name=”author” content=”" />
<meta name=”copyright” content=”" />
<meta name=”generator” content=”" />
<title></title>
BOM頭:\xEF\xBB\xBF,PHP4、5尚對(duì)BOM無視,所以在解析前直接輸出。
對(duì)此 w3.org 標(biāo)準(zhǔn) FAQ 中對(duì)此問題有一個(gè)專門的描述:
http://www.w3.org/International/questions/qa-utf8-bom
具體如下:
在UCS 編碼中有一個(gè)叫做”ZERO WIDTH NO-BREAK SPACE”的字符,它的編碼是FEFF。而FFFE在UCS中是不存在的字符,所以不應(yīng)該出現(xiàn)在實(shí)際傳輸中。UCS規(guī)范建議我們?cè)趥鬏斪止?jié)流前,先傳輸 字符”ZERO WIDTH NO-BREAK SPACE”。這樣如果接收者收到FEFF,就表明這個(gè)字節(jié)流是Big-Endian的;如果收到FFFE,就表明這個(gè)字節(jié)流是Little- Endian的。因此字符”ZERO WIDTH NO-BREAK SPACE”又被稱作BOM。
UTF-8不需要BOM來表明字節(jié)順序,但可以用BOM來表明編碼方式。字符”ZERO WIDTH NO-BREAK SPACE”的UTF-8編碼是EF BB BF。所以如果接收者收到以EF BB BF開頭的字節(jié)流,就知道這是UTF-8編碼了。
Windows就是使用BOM來標(biāo)記文本文件的編碼方式的操作系統(tǒng): WindowsXP Professional , 缺省字符集:中文
1) notepad : 可以自動(dòng)識(shí)別出沒有帶 bom 的 utf-8 編碼格式文件,但不可以控制保存文件時(shí)是否添加 bom , 如果保存文件,那么會(huì)統(tǒng)一添加 bom 。
2)editplus : 不能自動(dòng)識(shí)別出沒有 bom 的 utf-8 編碼格式文件,文件保存時(shí),選擇UTF-8 格式,不會(huì)在文件頭寫上 BOM header.
3) UltraEdit : 對(duì)于字符編碼的功能最為強(qiáng)大, 可以自動(dòng)識(shí)別帶 bom 和不帶 bom 的 utf-8 文件 (可以配置) ; 保存的時(shí)候可以通過配置選擇是否添加 bom.
(特別需要注意的是,保存一個(gè)新建立的文件時(shí),需要選擇另存為 utf-8 no bom 格式)
后來發(fā)現(xiàn) Notepad ++ 也對(duì)于 utf-8 bom 支持比較好,推薦大家使用。
您可能感興趣的文章:
- DEDECMS5.3所有PHP頁(yè)面和后臺(tái)打開全部空白的解決辦法
- php session_start()出錯(cuò)原因分析及解決方法
- 小結(jié)下MySQL中文亂碼,phpmyadmin亂碼,php亂碼 產(chǎn)生原因及其解決方法
- ThinkPHP實(shí)現(xiàn)多數(shù)據(jù)庫(kù)連接的解決方法
- ThinkPHP框架實(shí)現(xiàn)session跨域問題的解決方法
- PHP執(zhí)行Curl時(shí)報(bào)錯(cuò)提示CURL ERROR: Recv failure: Connection reset by peer的解決方法
- js處理php輸出時(shí)間戳對(duì)不上號(hào)的解決方法
- PHP的foreach中使用引用時(shí)需要注意的一個(gè)問題和解決方法
- PHP整數(shù)取余返回負(fù)數(shù)的相關(guān)解決方法
- php中出現(xiàn)空白頁(yè)的原因及解決方法匯總
相關(guān)文章
Git基礎(chǔ)學(xué)習(xí)之標(biāo)簽tag的使用詳解
標(biāo)簽對(duì)象(tag?object)?非常類似于一個(gè)提交對(duì)象,它包含一個(gè)標(biāo)簽創(chuàng)建者信息、一個(gè)日期、一段注釋信息,以及一個(gè)指針。本文主要介紹了Git?標(biāo)簽tag的使用,需要的可以參考一下2022-10-10VS?Code?常用自定義配置代碼規(guī)范保存自動(dòng)格式化
這篇文章主要為大家介紹了VS?Code?常用自定義配置代碼規(guī)范保存自動(dòng)格式化詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-08-08VS2019中Git源代碼管理實(shí)現(xiàn)總結(jié)
這篇文章主要介紹了VS2019中Git源代碼管理實(shí)現(xiàn)總結(jié),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08頁(yè)面制作統(tǒng)一的頭尾的方法(asp+js)
有時(shí)候我們需要統(tǒng)一頁(yè)面的頭尾,如果不是獨(dú)立,每次要修改文件,就要所有的模板頁(yè)面都要修改增加麻煩,所以,獨(dú)立頭尾調(diào)用,就只需要修改兩個(gè)頁(yè)面就可以了。2009-04-04網(wǎng)站性能提高實(shí)戰(zhàn)經(jīng)驗(yàn)點(diǎn)滴記錄
網(wǎng)站性能提高實(shí)戰(zhàn)經(jīng)驗(yàn)點(diǎn)滴記錄,需要的朋友可以參考下。2011-02-02