• 技术文章 >web前端 >js教程

    HTML5添加了utf-8中文出现乱码的解决方法

    一个新手一个新手2017-09-27 09:55:02原创1221


    HTML5添加了utf-8中文还是乱码

    前言: 本人使用的编辑器为EditPlus
    最近在学习html5,对照相关教材敲出了如下代码,也设置了编码格式,但是title展示出来确实乱码。代码如下:

    <!DOCTYPE html><html><head>
        <meta http-equiv="Content-Type"content="text/html;charset=UTF-8">
        <!-- <meta charset="UTF-8"> --><title>是否支持h5</title>
        <style type="text/css">
            #myCanvas{    
                background:red;    
                width:200px;    
                height:100px;
                }
                </style></head><body>
    <canvas id="myCanvas">该浏览器不支持HTML5的画布标记!</canvas>
    </body></html>

    原因如下:
    代码本身是没有问题的,问题就出编辑器身上。<meta charste="utf-8">只是告诉浏览器要用utf-8来解释,但是文档本身的编码,是在保存时的选择决定的,如果保存用的ANSI ,然后用utf-8解释,肯定是乱码,编辑器和记事本默认保存的文件格式是ANSI,所以在保存的时候要修改为utf-8

    附:
    修改对应编辑器EditPlus配置编码方式的方法:

    1、中文版EditPlus设置方法:
    点击“工具” ——>选择“配置用户工具” ——>在打开的窗口中,选择“文件” ——>选择默认编码的编码方式,如图选择的“utf-8”——>然后点击确认。
    退出软件,重新新建文件,复制上面代码,保存新文件就为UIF-8编码格式的了。

    2、 英文版EditPlus设置方法:
    Tools ——>Configure user Tools…——>点击“File”——>设置 Default encoding 为UTF-8——>然后点击“Apply”保存。
    退出软件,重新新建文件,复制上面代码,保存新文件就为UIF-8编码格式的了。

    name: OOLD
    code: A8F04-F7160-1C99F-79CDB-F4CE8

    以上就是HTML5添加了utf-8中文出现乱码的解决方法的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:HTML5 utf-8 h5
    上一篇:jQuery操作DOM的方法 下一篇:ES中Symbol数据类型解释
    Web大前端开发直播班

    相关文章推荐

    • 浅析Angular+rxjs怎么实现拖拽功能?• 值得了解的几个实用JavaScript优化小技巧• JavaScript学习理解之JSON(总结分享)• 你能搞懂JS的this指向问题吗?看看这篇文章• 一起聊聊JavaScript函数式编程

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网