html 指定頁(yè)面字符集的兩種方法

1.html指定頁(yè)面字符集的兩種方式
方式一:
<meta charset="utf-8">
方式二:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
以上就是將頁(yè)面的字符集設(shè)置成UTF-8的兩種方式(設(shè)置頁(yè)面字符集),目的在于:告訴瀏覽器該html文件的字符集。
2.設(shè)置頁(yè)面使用字符集的兩種方式
第一種:服務(wù)器指定響應(yīng)內(nèi)容的字符集;
response.setCharacterEncoding("utf-8")
前提:服務(wù)器通過服務(wù)器轉(zhuǎn)發(fā)或者重定向到指定的界面?! ?/p>
第二種:頁(yè)面指定字符集。
見1
說明:第一種方式的優(yōu)先級(jí)高于第二種。
3.服務(wù)器轉(zhuǎn)發(fā)
頁(yè)面已經(jīng)設(shè)置好了字符集
這是怎么回事,為什么不生效?
原因分析
通過服務(wù)器完成頁(yè)面的跳轉(zhuǎn)請(qǐng)求(轉(zhuǎn)發(fā))
返回的時(shí)候,并沒有指定將要返回?cái)?shù)據(jù)的字符集。
f12捕獲網(wǎng)絡(luò),獲取到的相應(yīng)的頁(yè)面的字符集為iso-8859-1,所以瀏覽器解析該頁(yè)面時(shí)就會(huì)出現(xiàn)亂碼。
解決方案
如果是轉(zhuǎn)發(fā),則需指定返回?cái)?shù)據(jù)的字符集為utf-8即可。
response.setCharacterEncoding("utf-8");
服務(wù)器重定向
重定向,且沒有指定返回?cái)?shù)據(jù)的編碼集,頁(yè)面會(huì)怎么樣?
字符集由頁(yè)面說了算,即:頁(yè)面的字符集有頁(yè)面中關(guān)于字符集的聲明決定。
比如:頁(yè)面指定字符集為:iso-8859-1
則瀏覽器就按照iso-8859-1也解析。
另外,就算重定向設(shè)置返回?cái)?shù)據(jù)的編碼集,也無效,因?yàn)椋褐囟ㄏ驅(qū)?dǎo)致數(shù)據(jù)丟失!
5.總結(jié)
如果頁(yè)面由服務(wù)器轉(zhuǎn)發(fā)而來,則頁(yè)面的字符集由轉(zhuǎn)發(fā)決定;否則,重定向的界面或者普通界面的字符集由HTML頁(yè)面本身的聲明的字符集決定!
注意:今天講的是頁(yè)面字符集的問題和純粹的數(shù)據(jù)交互時(shí)出現(xiàn)的亂碼不是一碼事!
另外,如果HTTP響應(yīng)頭與meta中都指定了字符集,會(huì)造成沖突,http響應(yīng)的字符集生效。
以上就是html 指定頁(yè)面字符集的兩種方法的詳細(xì)內(nèi)容,更多關(guān)于html 指定頁(yè)面字符集的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
- 這篇文章主要介紹了HTML用戶注冊(cè)頁(yè)面設(shè)置源碼,代碼簡(jiǎn)單易懂,對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-10-16
html父子頁(yè)面iframe雙向發(fā)消息的實(shí)現(xiàn)示例
這篇文章主要介紹了html父子頁(yè)面iframe雙向發(fā)消息的實(shí)現(xiàn)示例,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來2020-10-12多個(gè)HTML頁(yè)面共同調(diào)用一段html代碼的方法
這篇文章主要介紹了多個(gè)HTML頁(yè)面共同調(diào)用一段html代碼的方法,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來2020-08-17- 這篇文章主要介紹了在html頁(yè)面中取得session中的值的方法,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-08-11
html5關(guān)于外鏈嵌入頁(yè)面通信問題(postMessage解決跨域通信)
這篇文章主要介紹了html5關(guān)于外鏈嵌入頁(yè)面通信問題(postMessage解決跨域通信),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友2020-07-20- 這篇文章主要介紹了HTML5公共頁(yè)面提取作為公用代碼的方法,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起2020-06-30
html頁(yè)面展示json數(shù)據(jù)并格式化的方法
這篇文章主要介紹了html頁(yè)面展示json數(shù)據(jù)并格式化的方法,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起2020-06-23HTML頁(yè)面自適應(yīng)寬度的table(表格)
這篇文章主要介紹了HTML頁(yè)面自適應(yīng)寬度的table(表格),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)2020-06-16- 這篇文章主要介紹了HTML5頁(yè)面無縫閃開方案,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-06-11
html5視頻自動(dòng)橫過來自適應(yīng)頁(yè)面且點(diǎn)擊播放功能的實(shí)現(xiàn)
這篇文章主要介紹了h5視頻自動(dòng)橫過來自適應(yīng)頁(yè)面且點(diǎn)擊播放,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-06-03