HTML5技术

中文乱码问题 - 发光的萤火虫

字号+ 作者:H5之家 来源:H5之家 2017-05-24 10:01 我要评论( )

今天在学习HTML5的过程中遇到了中文乱码问题: bodyform 请输入内容:input pattern="[A-Z]{3}"input type="submit"/form /body 我是用myeclipse 2016开发的,但我的项目和html文件的编码格式都是utf-8,还是乱码,去网上搜了搜都没有搜到,后来发现了一件有趣

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

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

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

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

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

但当我尝试着把

<meta 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属性全部删掉,当项目跑起来时,还是中文乱码......)。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 解决xmapp中Apache端口号占用问题 - 小矮人Web前端

    解决xmapp中Apache端口号占用问题 - 小矮人Web前端

    2017-05-11 09:00

  • 关于“foreach循环”中遇到的几个问题总结 - 苏書——小米

    关于“foreach循环”中遇到的几个问题总结 - 苏書——小米

    2017-05-08 14:00

  • 【查缺补漏】工作中遇到的问题集锦01 - 鬼脸

    【查缺补漏】工作中遇到的问题集锦01 - 鬼脸

    2017-04-13 08:04

  • 学习H5仿制网站时遇到的问题 - novai-L

    学习H5仿制网站时遇到的问题 - novai-L

    2017-03-20 09:02

网友点评
s