主頁(yè) > 知識(shí)庫(kù) > html 指定頁(yè)面字符集的兩種方法

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

熱門標(biāo)簽:電話機(jī)器人批發(fā) 長(zhǎng)春極信防封電銷卡公司 電銷外呼線路改不外呼線路 重慶人工智能電銷機(jī)器人報(bào)價(jià) 貴陽ai外呼系統(tǒng) 強(qiáng)訊外呼系統(tǒng) 智能電銷機(jī)器人廣告語 愛巢地圖標(biāo)注 crm外呼系統(tǒng)好不好

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)亂碼?!   ?/p>

解決方案

  如果是轉(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)文章!

標(biāo)簽:保定 陜西 廣安 吳忠 內(nèi)蒙古 清遠(yuǎn) 上海 山南

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《html 指定頁(yè)面字符集的兩種方法》,本文關(guān)鍵詞  html,指定,頁(yè)面,字符集,的,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《html 指定頁(yè)面字符集的兩種方法》相關(guān)的同類信息!
  • 本頁(yè)收集關(guān)于html 指定頁(yè)面字符集的兩種方法的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章