您现在的位置是:网站首页> 编程资料编程资料
html 指定页面字符集的两种方法HTML用户注册页面设置源码html父子页面iframe双向发消息的实现示例多个HTML页面共同调用一段html代码的方法在html页面中取得session中的值的方法html5关于外链嵌入页面通信问题(postMessage解决跨域通信)HTML5公共页面提取作为公用代码的方法html页面展示json数据并格式化的方法HTML页面自适应宽度的table(表格)HTML5页面无缝闪开的问题及解决方案html5视频自动横过来自适应页面且点击播放功能的实现
2021-08-29
1428人已围观
简介 这篇文章主要介绍了html 指定页面字符集的两种方法,帮助大家更好的制作网页,感兴趣的朋友可以了解下
1.html指定页面字符集的两种方式
方式一:
方式二:
以上就是将页面的字符集设置成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 指定页面字符集的资料请关注其它相关文章!
相关内容
- 当div设置contentEditable=true时,重置其内容后无法光标定位contenteditable元素的placeholder输入提示语设置方法使用HTML5中的contentEditable来将多行文本自动增高设置contenteditable属性可编辑HTML标签的内容(可代替textarea)
- HTML用户注册页面设置源码HTML绘制用户注册页面 Html5实现用户注册自动校验功能实例代码
- 详解HTML元素的height、offsetHeight、clientHeight、scrollTop等梳理火狐在用offsetHeight获取div的高度时为0的解决方法页面位置 top、postop、scrolltop、offsetTop、scrollHeight、offsetHe
- 利用div+css3实现一个背景渐变的button按钮的示例代码纯CSS3制作的圆形修边渐变按钮动画特效源码纯CSS3制作圆形渐变的按钮悬停ui特效源码css3实现的鼠标悬浮按钮发光渐变动画特效源码CSS3点击按钮实现背景渐变动画效果纯CSS3实现的颜色渐变的一级横向导航按钮菜单效果纯CSS3 gradient属性制作36种漂亮的html网页渐变按钮样式
- html+css实现血轮眼轮回眼特效代码html+css实现图片扫描仪特效 html+css实现充电水滴融合特效代码
- html父子页面iframe双向发消息的实现示例HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法HTML中iFrame标签的两个用法介绍html悬浮框架的设置使用示例(iframe加载html)HTML5 window/iframe跨域传递消息 API介绍html Frame、Iframe、Frameset 的区别 HTML网页制作教程 谨慎使用iframe标记HTML iframe 用法总结收藏
- Html分层的box-shadow效果的示例代码html5 分层屏幕适配的方法使用分层画布来优化HTML5渲染的教程
- 如何弹出QQ临时对话框实现不添加好友在线交谈效果CSS3 仿微信聊天小气泡实例代码HTML5-WebSocket实现聊天室示例HTML5仿手机微信聊天界面纯CSS实现聊天框小尖角、气泡效果利用html5的websocket实现websocket聊天室纯CSS实现右侧底部悬浮效果(悬浮QQ、微信、微博、邮箱等联系方式)CSS3制作气泡对话框的实例教程可自定义箭头样式的CSS3气泡提示框利用CSS3实现气泡效果的教程html5+css3气泡组件的实现
- 在HTML里加载摄像头的方法基于HTML代码实现图片碎片化加载功能html5用video标签流式加载的实现HTML5 图片预加载的示例代码传统HTML页面实现模块化加载的方法HTML页面缩小后显示滚动条的示例代码h5页面背景图很长要有滚动条滑动效果的实现HTML5实现直播间评论滚动效果的代码html+css实现滚动到元素位置显示加载动画效果
- html滑动仿悬浮球菜单效果的实现HTML5在微信内置浏览器下右上角菜单的调整字体导致页面显示错乱的问题HTML5单选框、复选框、下拉菜单、文本域的实现代码Html+Css+Jquery实现左侧滑动拉伸导航菜单栏的示例代码html5写一个BUI折叠菜单插件的实现方法
