为了防止乱码，请将用于页面编码的meta charset放到title的前面
发布时间：2007-12-09 作者： 来源：转载
好多新手做网页的时候，有时候发现网站标题是乱码，下面就是方法，也是一种防止出错的规范通常我们放置的顺序是先title，再charset，就像下面的：复制代码代码如下:我的页面脚本之家www.jb51.net＜/title>现在请将它们顺序颠倒过来:复制代码代码如下:脚本
好多新手做网页的时候，有时候发现网站标题是乱码，下面就是方法，也是一种防止出错的规范
通常我们放置的顺序是先title，再charset，就像下面的：
复制代码 代码如下:
我的页面全福编程网www.jb51.net＜/title> <BR><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/> <BR> </p><p style="TEXT-INDENT: 2em"></p><p style="TEXT-INDENT: 2em">现在请将它们顺序颠倒过来: <BR><span><U>复制代码</U></span> 代码如下:<BR><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/> <BR><title>全福编程网www.jb51.net＜/title><BR><BR>这样做的目的，是考虑到page在loading的时候，是从上往下load的，为了不让特殊情况下，你的页面会出现乱码（在title这里），那么把charset放在前面，浏览器就知道你的页面的编码，就会按照你的编码来显示你的页面title及页面内容。</div>
<div class="prev-next">
<div class="prev">上一篇：<a href="/html/item-24009.html">DIV+CSS布局中不推荐使用的标签集合Dont Use These Tags</a></div><div class="next">下一篇：<a href="/html/item-24005.html">使用CSS解决文字环绕图片问题的代码</a></div>
</div>
</div>
<!--广告 start-->
<div class="qf-ads"><ul class="qf-ads-nUl-12"><li><a href="" target="_blank"><img src="/uploads/images/ads/202306/20230610084915300842.jpg"></a><a href="" target="_blank" class="alink"><label>广告</label><span>商业广告，理性选择</span></a></li></ul></div>
<div class="qf-article-container">
<div class="qf-cms-name">
<h3>相关推荐</h3>
</div>
<div class="qf-cms-container">
<ul class="article-list-relationship">
<li><a href="/html/item-31276.html" title="图片下面出现空白像素BUG的常用解决方法归纳" target="_blank">图片下面出现空白像素BUG的常用解决方法归纳</a>
</li>
<li><a href="/html/item-19883.html" title="cookie解决微信不能存储localStorage的问题" target="_blank">cookie解决微信不能存储localStorage的问题</a>
</li>
<li><a href="/html/item-19882.html" title="学习小实例--滚动条的简单实现" target="_blank">学习小实例--滚动条的简单实现</a>
</li>
<li><a href="/html/item-19881.html" title="HTML5实战与剖析之触摸事件(touchstart、touchmove和touchend)" target="_blank">HTML5实战与剖析之触摸事件(touchstart、touchmove和touchend)</a>
</li>
<li><a href="/html/item-19880.html" title="CSS3实现动态翻牌效果 仿百度贴吧3D翻牌一次动画特效" target="_blank">CSS3实现动态翻牌效果 仿百度贴吧3D翻牌一次动画特效</a>
</li>
<li><a href="/html/item-19877.html" title="《CSS3实战》笔记--渐变设计（一)" target="_blank">《CSS3实战》笔记--渐变设计（一)</a>
</li>
<li><a href="/html/item-19878.html" title="《CSS3实战》笔记--渐变设计（二)" target="_blank">《CSS3实战》笔记--渐变设计（二)</a>
</li>
<li><a href="/html/item-19879.html" title="《CSS3实战》笔记--渐变设计（三)" target="_blank">《CSS3实战》笔记--渐变设计（三)</a>
</li>
<li><a href="/html/item-19876.html" title="CSS 使用Sprites技术实现圆角效果" target="_blank">CSS 使用Sprites技术实现圆角效果</a>
</li>
<li><a href="/html/item-19875.html" title="手机屏幕尺寸测试——手机的实际显示页面的宽度" target="_blank">手机屏幕尺寸测试——手机的实际显示页面的宽度</a>
</li>
<li><a href="/html/item-19874.html" title="利用CSS3新特性创建透明边框三角" target="_blank">利用CSS3新特性创建透明边框三角</a>
</li>
<li><a href="/html/item-19869.html" title="HTML实现title 属性换行小技巧" target="_blank">HTML实现title 属性换行小技巧</a>
</li>
<li><a href="/html/item-19866.html" title="IE6/IE7/IE8/IE9中tbody的innerHTML不能赋值的完美解决方案" target="_blank">IE6/IE7/IE8/IE9中tbody的innerHTML不能赋值的完美解决方案</a>
</li>
<li><a href="/html/item-19864.html" title="CSS可以做的几个令你叹为观止的实例分享" target="_blank">CSS可以做的几个令你叹为观止的实例分享</a>
</li>
<li><a href="/html/item-19857.html" title="告别AJAX实现无刷新提交表单" target="_blank">告别AJAX实现无刷新提交表单</a>
</li>
<li><a href="/html/item-19852.html" title="html小技巧之td,div标签里内容不换行" target="_blank">html小技巧之td,div标签里内容不换行</a>
</li>
<li><a href="/html/item-19850.html" title="ie6,ie7,ie8完美支持position:fixed的终极解决方案" target="_blank">ie6,ie7,ie8完美支持position:fixed的终极解决方案</a>
</li>
<li><a href="/html/item-19849.html" title="CSS Hack大全-教你如何区分出IE6-IE10、FireFox、Chrome、Opera" target="_blank">CSS Hack大全-教你如何区分出IE6-IE10、FireFox、Chrome、Opera</a>
</li>
<li><a href="/html/item-19846.html" title="三个不常见的 HTML5 实用新特性简介" target="_blank">三个不常见的 HTML5 实用新特性简介</a>
</li>
<li><a href="/html/item-19847.html" title="css代码优化的12个技巧" target="_blank">css代码优化的12个技巧</a>
</li>
</ul>
</div>
</div>
</div>
<div class="sidebar">
<!--广告 start-->
<div class="qf-ads"><ul class="qf-ads-nUl-9"><li><a href="https://www.aliyun.com/activity/new/index?userCode=6qkxlezw" target="_blank"><img src="/uploads/images/ads/202306/20230609231605989299.jpg"></a><a href="https://www.aliyun.com/activity/new/index?userCode=6qkxlezw" target="_blank" class="alink"><label>广告</label><span>商业广告，理性选择</span></a></li></ul></div>
<div class="qf-cms-name">
<h3>文章分类</h3>
</div>
<div class="qf-cms-container">
<div class="qf-category-list">
<a href="/html/index.html" title="经验交流" target="_blank">经验交流</a>
<a href="/css/basic/index.html" title="基础教程" target="_blank">基础教程</a>
<a href="/vml/index.html" title="VML相关" target="_blank">VML相关</a>
</div>
</div>
<div class="qf-cms-name">
<h3>热门关键词</h3>
</div>
<div class="qf-cms-container">
<div class="qf-tag-list">
<a href="https://zhannei.baidu.com/cse/site?q=雪佛兰&cc=fuphp.cn&ie=utf-8" title="雪佛兰" target="_blank">雪佛兰</a>
<a href="https://zhannei.baidu.com/cse/site?q=通用&cc=fuphp.cn&ie=utf-8" title="通用" target="_blank">通用</a>
<a href="https://zhannei.baidu.com/cse/site?q=奢华&cc=fuphp.cn&ie=utf-8" title="奢华" target="_blank">奢华</a>
<a href="https://zhannei.baidu.com/cse/site?q=劳斯莱斯&cc=fuphp.cn&ie=utf-8" title="劳斯莱斯" target="_blank">劳斯莱斯</a>
<a href="https://zhannei.baidu.com/cse/site?q=旗舰版&cc=fuphp.cn&ie=utf-8" title="旗舰版" target="_blank">旗舰版</a>
<a href="https://zhannei.baidu.com/cse/site?q=64位&cc=fuphp.cn&ie=utf-8" title="64位" target="_blank">64位</a>
<a href="https://zhannei.baidu.com/cse/site?q=收藏夹&cc=fuphp.cn&ie=utf-8" title="收藏夹" target="_blank">收藏夹</a>
<a href="https://zhannei.baidu.com/cse/site?q=解调器&cc=fuphp.cn&ie=utf-8" title="解调器" target="_blank">解调器</a>
<a href="https://zhannei.baidu.com/cse/site?q=网卡&cc=fuphp.cn&ie=utf-8" title="网卡" target="_blank">网卡</a>
<a href="https://zhannei.baidu.com/cse/site?q=网线&cc=fuphp.cn&ie=utf-8" title="网线" target="_blank">网线</a>
<a href="https://zhannei.baidu.com/cse/site?q=分辨率&cc=fuphp.cn&ie=utf-8" title="分辨率" target="_blank">分辨率</a>
<a href="https://zhannei.baidu.com/cse/site?q=家电&cc=fuphp.cn&ie=utf-8" title="家电" target="_blank">家电</a>
<a href="https://zhannei.baidu.com/cse/site?q=4k&cc=fuphp.cn&ie=utf-8" title="4k" target="_blank">4k</a>
<a href="https://zhannei.baidu.com/cse/site?q=显示器&cc=fuphp.cn&ie=utf-8" title="显示器" target="_blank">显示器</a>
<a href="https://zhannei.baidu.com/cse/site?q=header&cc=fuphp.cn&ie=utf-8" title="header" target="_blank">header</a>
<a href="https://zhannei.baidu.com/cse/site?q=USER_AGENT&cc=fuphp.cn&ie=utf-8" title="USER_AGENT" target="_blank">USER_AGENT</a>
<a href="https://zhannei.baidu.com/cse/site?q=色彩&cc=fuphp.cn&ie=utf-8" title="色彩" target="_blank">色彩</a>
<a href="https://zhannei.baidu.com/cse/site?q=图形&cc=fuphp.cn&ie=utf-8" title="图形" target="_blank">图形</a>
<a href="https://zhannei.baidu.com/cse/site?q=商业&cc=fuphp.cn&ie=utf-8" title="商业" target="_blank">商业</a>
<a href="https://zhannei.baidu.com/cse/site?q=生成&cc=fuphp.cn&ie=utf-8" title="生成" target="_blank">生成</a>
</div>
</div>
<!--广告 start-->
<div class="qf-ads"><ul class="qf-ads-nUl-10"><li><a href="https://www.aliyun.com/activity/new/index?userCode=6qkxlezw" target="_blank"><img src="/uploads/images/ads/202306/20230609231537994005.jpg"></a><a href="https://www.aliyun.com/activity/new/index?userCode=6qkxlezw" target="_blank" class="alink"><label>广告</label><span>商业广告，理性选择</span></a></li></ul></div>
<div class="qf-cms-name">
<h3>热门文章</h3>
</div>
<div class="qf-cms-container">
<ul class="qf-article-list">
<li><em>1</em>
<a href="/cehua/item-29482.html" title="什么是Meta标签？ 哪些Meta标签对搜索引擎SEO优化有作用？" target="_blank">什么是Meta标签？ 哪些Meta标签对搜索引擎SEO优化有作用？</a>
</li>
<li><em>2</em>
<a href="/mac/item-22368.html" title="Mac设置VPN来登录youtube等国外网站的步骤" target="_blank">Mac设置VPN来登录youtube等国外网站的步骤</a>
</li>
<li><em>3</em>
<a href="/jingyan/item-20869.html" title="各大搜索引擎登录入口,网站收录入口" target="_blank">各大搜索引擎登录入口,网站收录入口</a>
</li>
<li><em>4</em>
<a href="/qilin/item-30816.html" title="Openvpn在麒麟操作系统上的配置方法" target="_blank">Openvpn在麒麟操作系统上的配置方法</a>
</li>
<li><em>5</em>
<a href="/bios/item-23598.html" title="联想笔记本BIOS设置图解中文详细说明" target="_blank">联想笔记本BIOS设置图解中文详细说明</a>
</li>
<li><em>6</em>
<a href="/bios/item-27940.html" title="AMI BIOS设置图解教程+Award Bios设置全程图解" target="_blank">AMI BIOS设置图解教程+Award Bios设置全程图解</a>
</li>
<li><em>7</em>
<a href="/mac/item-23040.html" title="Mac怎么切换主显示器 苹果电脑Mac双显示器设置主显方法图解" target="_blank">Mac怎么切换主显示器 苹果电脑Mac双显示器设置主显方法图解</a>
</li>
<li><em>8</em>
<a href="/yunying/other/item-29261.html" title="分享最受美国人喜欢的十大搜索引擎" target="_blank">分享最受美国人喜欢的十大搜索引擎</a>
</li>
<li><em>9</em>
<a href="/tools/item-30528.html" title="分享10个常见的SQL注入工具" target="_blank">分享10个常见的SQL注入工具</a>
</li>
<li><em>10</em>
<a href="/mac/item-23628.html" title="mac系统中自带的邮件程序怎么添加qq邮箱帐号?" target="_blank">mac系统中自带的邮件程序怎么添加qq邮箱帐号?</a>
</li>
</ul>
</div>
<div class="qf-cms-name">
<h3>最新更新</h3>
</div>
<div class="qf-cms-container">
<ul class="qf-article-list">
<li><a href="/changshi/item-79334.html" title="无线路由器经常断线 故障解决" target="_blank">无线路由器经常断线 故障解决</a>
</li>
<li><a href="/changshi/item-79351.html" title="怎么在Mac上设置锁屏不待机" target="_blank">怎么在Mac上设置锁屏不待机</a>
</li>
<li><a href="/changshi/item-79354.html" title="VHD和VHDX硬盘格式有什么区别?" target="_blank">VHD和VHDX硬盘格式有什么区别?</a>
</li>
<li><a href="/changshi/item-79363.html" title="关闭Aero Shake节约系统资源的方法" target="_blank">关闭Aero Shake节约系统资源的方法</a>
</li>
<li><a href="/changshi/item-79362.html" title="怎么更改Mac中的邮件字体大小" target="_blank">怎么更改Mac中的邮件字体大小</a>
</li>
<li><a href="/changshi/item-79371.html" title="提高WIN7系统开机速度方法分享" target="_blank">提高WIN7系统开机速度方法分享</a>
</li>
<li><a href="/changshi/item-79361.html" title="Mac系统怎么更改用户登录密码" target="_blank">Mac系统怎么更改用户登录密码</a>
</li>
<li><a href="/changshi/item-79358.html" title="Mac上如何修改时间和日期" target="_blank">Mac上如何修改时间和日期</a>
</li>
<li><a href="/changshi/item-79366.html" title="如何将常用应用固定至开始屏幕或任务栏" target="_blank">如何将常用应用固定至开始屏幕或任务栏</a>
</li>
<li><a href="/mysql/item-79372.html" title="MySQL中replace into语句的用法详解（insert into 的增强版）" target="_blank">MySQL中replace into语句的用法详解（insert into 的增强版）</a>
</li>
</ul>
</div>
<!--广告 start-->
<div class="qf-ads qf-ads-ontop"><ul class="qf-ads-nUl-11"><li><a href="http://www.hnqfu.cn" target="_blank"><img src="/uploads/images/ads/202306/20230610081510415263.jpg"></a><a href="http://www.hnqfu.cn" target="_blank" class="alink"><label>广告</label><span>商业广告，理性选择</span></a></li></ul></div>
</div>
</div>
</div>
<script type="text/javascript">
var scrollPh = 1680;
layui.use('code', function(){
layui.code({
elem: 'pre',
title: '代码',
encode: false,
ln: true,
//skin: 'dark',
//about: '123',
about: [
//'<a href="javascript:;">复制</a>'
]
});
});
</script>
<div class="wrap bottom">
<div class="wrapper clearfix">
<div class="links">
<a href="http://www.fuphp.cn">网站首页</a>
| <a href="/aboutus.html">关于我们</a>
| <a href="/wangzhanshengming.html">免责声明</a>
| <a href="/guanggaohezuo.html">广告合作</a>
| <a href="/contact.html">联系我们</a>
</div>
<div class="copyright">
Copyright @ 2015-2024 <a href="" title="河南全福网络科技有限公司专业网制设计制作，PHP二次开发">福编程 fuphp</a> All Rights Reserved.
</div>
<div class="copyright">
<a href="http://beian.miit.gov.cn" target="_blank" rel="nofollow">豫ICP备15036959号-4</a>
</div>
</div>
</div>
<script type="text/javascript">
layui.config({
base: '/static/js/layuiadmin/' //静态资源所在路径
}).extend({
qf: '../qfplus/qf/qf',
contact: '../qfplus/contact/contact',
}).use(['contact'], function(){
var contact = layui.contact;
contact.render({'position': 'left', 'oappend':'.qf-quick-bar'});
//菜单
jQuery(".submenu").slide({
type:"menu",// 效果类型，针对菜单/导航而引入的参数（默认slide）
titCell:".nLi", //鼠标触发对象
targetCell:".sub", //titCell里面包含的要显示/消失的对象
titOnClassName:'current',
effect:"slideDown", //targetCell下拉效果
delayTime:300 , //效果时间
triggerTime:0, //鼠标延迟触发时间（默认150）
returnDefault:true //鼠标移走后返回默认状态，例如默认频道是“预告片”，鼠标移走后会返回“预告片”（默认false）
});
//表单
var form = layui.form;
form.render(null, 'component-form');
/* 监听提交 */
form.on('submit(component-form-submit)', function(data){
var searchkey = data.field.searchkey;
return true;
});
//滚动固顶
$(document).scroll(function(){
var sTop = $(document).scrollTop();
if( sTop >= scrollPh ){
$('.qf-ads-ontop').css({'position':'fixed', 'top':'0'});
}else{
$('.qf-ads-ontop').css({'position':'relative'});
}
});
});
<!--百度统计------------------>
</script>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?9eb8fd7c57fefc4283caaf6d0c7e37f7";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</body>
</html> 
