中文乱码问题

百变鹏仔 2个月前 (10-18) #H5教程

文章标签乱码

今天在学习html5的过程中遇到了中文乱码问题：

<body>    <form >    	请输入内容:    	<input pattern="[A-Z]{3}" name="part">    	<input type="submit">    </form>  </body>

我是用myeclipse 2016开发的，但我的项目和html文件的编码格式都是utf-8,还是乱码，去网上搜了搜都没有搜到，后来发现了一件有趣的事，知道了问题的原因。

每次创建一个新的HTML5文件时，新建的文件都自带了如下代码：

 <meta name="keywords" content="keyword1,keyword2,keyword3"> <meta name="description" content="this is my page"> <meta name="content-type" content="text/html; charset=UTF-8">

但当我尝试着把

 <meta name="content-type" content="text/html; charset=UTF-8">

改成如下这样

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

乱码问题就解决了。

然后我去google了一下http-equiv和name的区别：

他们是这么说的：“name属性主要用于描述网页”，而http-equiv“相当于http文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精准地显示网页内容。”

看到这里我想大体可以说清了，只是在以后的开发中可能需要每次改动一下（我试过将这些meta属性全部删掉，当项目跑起来时，还是中文乱码......）。

文章推荐

中文乱码问题

HTML在线编辑器的调用方法和使用方法

AlloyTouch全屏滚动插件 30秒搞定顺滑H5页

HTML5 js实现拖拉上传文件功能

Canvas and Drawables 翻译第一集

Canvas and Drawables 翻译第三集