这篇文章主要介绍了html 指定页面字符集的两种方法,帮助大家更好的制作网页,感兴趣的朋友可以了解下

1.html指定页面字符集的两种方式

方式一:

<meta charset="utf-8">

方式二:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

以上就是将页面的字符集设置成UTF-8的两种方式(设置页面字符集),目的在于:告诉浏览器该html文件的字符集。

2.设置页面使用字符集的两种方式

第一种:服务器指定响应内容的字符集;

response.setCharacterEncoding("utf-8")

前提:服务器通过服务器转发或者重定向到指定的界面。  

第二种:页面指定字符集。

见1

说明:第一种方式的优先级高于第二种。

3.服务器转发

页面已经设置好了字符集

这是怎么回事,为什么不生效? 

原因分析

通过服务器完成页面的跳转请求(转发)

返回的时候,并没有指定将要返回数据的字符集。

f12捕获网络,获取到的相应的页面的字符集为iso-8859-1,所以浏览器解析该页面时就会出现乱码。    

解决方案

如果是转发,则需指定返回数据的字符集为utf-8即可。

response.setCharacterEncoding("utf-8");

服务器重定向

重定向,且没有指定返回数据的编码集,页面会怎么样? 

字符集由页面说了算,即:页面的字符集有页面中关于字符集的声明决定。

比如:页面指定字符集为:iso-8859-1

则浏览器就按照iso-8859-1也解析。 

另外,就算重定向设置返回数据的编码集,也无效,因为:重定向将导致数据丢失!

5.总结

如果页面由服务器转发而来,则页面的字符集由转发决定;否则,重定向的界面或者普通界面的字符集由HTML页面本身的声明的字符集决定!

注意:今天讲的是页面字符集的问题和纯粹的数据交互时出现的乱码不是一码事!

另外,如果HTTP响应头与meta中都指定了字符集,会造成冲突,http响应的字符集生效。

以上就是html 指定页面字符集的两种方法的详细内容,更多关于html 指定页面字符集的资料请关注爱安网其它相关文章!

最新资讯
知乎赴美上市:周源即将坐拥一个IPO

知乎赴美上市:周源即将

知乎至少经历了7轮融资,身后潜伏着创新工场、赛富投资
十年知乎IPO仍亏损:破圈争议与商业化难题

十年知乎IPO仍亏损:破

成立十年,知乎终于赴美IPO。
知乎启动赴美上市 百度和快手重金押宝

知乎启动赴美上市 百

3月6日凌晨,知乎向美国证券交易委员会(SEC)提交了IPO申请
马斯克雇机器狗勘察火箭爆炸现场,网友:《黑镜》现实版

马斯克雇机器狗勘察火

火箭、飞船、浓烟、残骸,还有一只四处嗅探的机械狗…还
知乎如何将情怀做成一门好的生意?

知乎如何将情怀做成一

成立10年,知乎终于要上市了,第一次摊开自己的账簿。
如何看待知乎申请赴美上市?谢邀,这里是招股书拆解

如何看待知乎申请赴美

知乎计划募资金额约10亿美元。
最新文章
详解HTML中字体使用line-height依然不能垂直居中解决办法

详解HTML中字体使用li

这篇文章主要介绍了详解HTML中字体使用line-height依
html直接引用vue和element-ui的方法

html直接引用vue和ele

这篇文章主要介绍了html直接引用vue和element-ui的方
在HTML里加载摄像头的方法

在HTML里加载摄像头的

这篇文章主要介绍了如何在HTML里加载摄像头,本文通过实
html父子页面iframe双向发消息的实现示例

html父子页面iframe双

这篇文章主要介绍了html父子页面iframe双向发消息的实
HTML用户注册页面设置源码

HTML用户注册页面设置

这篇文章主要介绍了HTML用户注册页面设置源码,代码简
当div设置contentEditable=true时,重置其内容后无法光标定位

当div设置contentEdit

这篇文章主要介绍了解决当div设置contentEditable=tru