VsCode中运行HTML页面时出现乱码

30 篇文章 1 订阅
订阅专栏

踩坑点

使用 vscode 编写 html 页面的时候出现了乱码问题

  1. vscode 编辑的内容出现乱码
    在这里插入图片描述

这个出现的问题主要是,你之前的编码和现在打开所使用的编码不一致导致的,理论上来说,你接着在该页面输入汉字的话,是不会出现乱码,但是保存后再次打开依旧可能会出现乱码问题,这就是保存时的编码格式和打开时的编码格式不一致导致的

解决办法
重新选择编码格式打开,选择和该文件一开始的编码格式相同的编码
在这里插入图片描述
一般来说都是 UTF-8,这里主要根据自己的配置修改
在这里插入图片描述

  1. 浏览器打开的html页面出现乱码

出现这种问题是因为,浏览器的对于汉字的编码格式默认是 UTF-8,而你的文件编码格式不是 UTF-8 导致的,解决办法就是使你的浏览器和文件编码格式一致即可,修改浏览器的编码格式比较麻烦,且可能对其他文件产生影响,所以要对文件的编码格式进行修改

在这里插入图片描述
解决办法
选择重新编码保存后,再次在浏览器上运行即可
在这里插入图片描述
在这里插入图片描述

其他问题

在两种编码格式之间转换可能会直接出现乱码的问题

解决办法

  1. 两种编码格式转换的时候一定要先重新重新编码保存然后再重新编码打开
  2. 上面的办法不行的话,可以选择电脑本地编码 windows 编码格式作为中间值进行转换

吐槽

vscode 编码是老问题,上次用 vscode 写 c++ 代码,就出现过一次乱码问题,这次 html 又出现一次,属实是踩坑了

vscode编写的html码,VS Code:4个码问题及解决方法
weixin_39738251的博客
06-20 3571
1. 背景凡是编程软件,特别是国外的软件,都有或多或少的码问题(毕竟程序都是用英文写的)。现提出VS Code编程过程遇到的4个码问题以及解决方法。2. 问题2.1 打开文件后,文显示码#include using namespace std;int main(){int sum = 0, value = 0;//ֻ�������ļ�������EOF��������????�...
html页面出现码,解决办法
总结复盘,才能不迷失自己!
08-24 382
在head标签之间加上 <Meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 即可解决码问题
Web前端——VScode打开html文件码解决办法
正在路上
04-08 4716
VScode打开html文件码解决办法 1.打开VScode后,依次点击 文件 >> 首选项 >> 设置 2.打开设置后,依次点击 文本编辑器 >> 文件(或在搜索框直接搜索“files.autoGuessEncoding”) 3.在Auto Guess Encoding处勾选,再重启VScode ...
VScode文注释码的四种解决方案
TENET123的博客
04-16 3405
在使用Visual Studio Code(VSCode)编写含有文注释的代码,可能遇到注释码的问题,针对这个问题分享四个可以解决文注释码的方法。
vsCode运行到浏览器,
y1238r的博客
08-18 2309
vscode运行到浏览器,页面出现码问题
VScode终端码怎么办?最简单教程!3分钟搞定!
我在河北保定
08-13 1268
1、我们打开VScode然后在运行完代码后会自动生成一个名为".vscode"的文件夹,里面有两个“json”文件,我们打开名为“launch.json”文件。现在有很多人的VScode终端输出码,很不直观,解决方法如下 |按Ctrl+S保存就可以关掉文件了。
使用VScode编写爬取网页代码,无论如何更换编码均为
虚境的博客
08-03 175
捣鼓了很久之后发现原因很简单,因为VSCode默认用utf-8打开文件。所以GB2312等格式的网页爬下来、以GB2312格式保存,然后被VSCode用utf-8打开当然会显示码。理论上来说,爬取网页只需读取网页的编码,然后读入、保存,不应该有码问题。然而我多次尝试仍然失败。建议遇到同样情况的改用记事本之类的打开文件看看是不是正常的。
永久解决VSCode终端码问题
10-14
主要介绍了永久解决VSCode终端码问题,文通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
解决vscode python print 输出窗口码的问题
09-19
今天小编就为大家分享一篇解决vscode python print 输出窗口码的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
python抓取并保存html页面码问题的解决方法
09-21
主要介绍了python抓取并保存html页面码问题的解决方法,结合实例形式分析了Python页面抓取过程出现的原因与相应的解决方法,需要的朋友可以参考下
VSCode码解决方案总结(全)
09-21
初学python,深受码之害。总结了自己遇到的所有的码解决方法。写的简略,但是好使。对码原因做了解释,其实还是对编码不够懂,如果你懂了原理,就能自己解决了。我的环境是VSCode + Anaconda2
VSCode打开TXT文件显示
06-09
VSCode打开TXT文件显示码用VSCode打开TXT文件显示码用VSCode打开TXT文件显示码用VSCode打开TXT文件显示码用VSCode打开TXT文件显示码用VSCode打开TXT文件显示码用VSCode打开TXT文件显示码用VSCode...
vscode写的html网页
qq_52315656的博客
07-02 1156
这里主要讲一下我遇到的码问题以及解决方式。
解决vscode码问题(不是转GBK,亲测有效)
qq_63618799的博客
04-22 5万+
引言 本人大学生,C语言初学者一枚,之前使用codeblock就曾出现输出码的问题,自己通过网上搜教程解决。 有一天想配置配置vscode。配置好了以后,下载vscode后也出现了输出文的码问题,用与codeblocks相似的解决方法解除之,又发现网上都是将编码转为GBK(这样用其他应用打开可能又会出现码),好像没有提到这个方法,特此记录之。希望像我一样的初学者可以解决类似的问题。 出现的原因 是因为文主要有两套编码,一套是G...
vscode码问题及几种常见的解决方案
热门推荐
im34v的博客
09-05 5万+
解决vscode码问题
VScode编写html的title
xucanlax的博客
12-08 366
解决VScode编写html的title
记录解决vscode的终端码的方法
inner小白的博客
05-26 2306
今天在编译运行以上猜数字代码,发现vscode的终端文存在码现象然后CSDN上参考了文章了解到主要是vscode和power shell两部分编码存在不统一的问题使用chcp指令,可以查询当前终端上的编码类型活动代码页:936 代表当前终端采用的是gbk的编码方式,936代表gbk的代码页,utf-8的是是65001这些数字此处我跟参考博主的显示信息相同,然后vscode平台的编码类型如下:很明显VSCode编码类型是UTF-8,而终端的类型是GBK,两者不匹配因此产生了错误。
最简单的VSCode解决码方法(亲测有用)
xlf5323的博客
09-14 1万+
在刚接触VSCode编程过程,经常会遇到码的问题。查询了不少相关的博客,解决方法很多,但实际没有帮到我,琢磨了半天,找到了可行方法,这里分享给大家
VSCode 1.90版本 升级需谨慎~(Python)
最新发布
Song榆钱儿的博客
06-08 628
由于再次出现justMyCode的问题,请使用Python的小伙伴要谨慎将Visual Studio Code升级到1.90版本(两天前官方刚发布的),若已经升级的小伙伴,可以下载1.89版本进行“补救“
vscode java
09-22
vscode码问题在java文件通常是由编码格式不匹配导致的。vscode默认使用UTF-8编码格式,而文操作系统默认命令行以GBK编码。解决这个问题有几种方法: 1. 将vscode的编码格式设置为GBK:在vscode底部状态栏找到编码格式,默认是UTF-8,点击后选择GBK即可解决码问题。但需要注意的是,每次打开vscode都需要重新设置。 2. 配置环境变量:可以在环境变量新建一个PYTHONIOENCODING的变量,值设置为UTF8。这样可以永久解决码问题。具体操作方法是:我的电脑 -> 右键 -> 属性 -> 高级系统设置 -> 环境变量 -> 新建。 3. 在编译指定编码格式:可以在每次编译输入`-encoding utf8`来达到理想的编译效果。 4. 使用JAVA_TOOL_OPTIONS环境变量配置:在环境变量新建一个变量名为JAVA_TOOL_OPTIONS,值设置为`-Dfile.encoding=UTF-8`。这样可以解决在vscode使用java语法码问题。 以上是解决vscode java码的几种方法,希望对你有帮助。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交

Java领域优质创作者

636
原创
1031
点赞
4759
收藏
1万+
粉丝
关注
私信
写文章

热门文章

  • Java 项目 学生信息管理系统 超详细 超完整 保姆级讲解(主页面 + 添加学生信息 + 删除学生信息 + 修改学生信息 + 查询学生信息) 47983
  • 2022 IDEA (学生邮箱认证)安装使用教程以及基础配置教程 33610
  • C语言位运算符:与、或、异或、取反、左移和右移 17990
  • CP Editor 编辑器(为竞赛而生的编辑器)的安装与配置 15782
  • GitHub 使用简介(GitHub 你就是我的神) 14344

分类专栏

  • 前沿技术 3篇
  • 日常踩坑 30篇
  • LeetCode 26篇
  • Java 41篇
  • 沧海一粟 6篇
  • Git 10篇
  • Nginx 3篇
  • RabbitMQ 9篇
  • Redis 15篇
  • Sqoop 3篇
  • Hive 8篇
  • SpringBoot 17篇
  • 蓝桥杯 32篇
  • 项目 24篇
  • MyBatisPlus 10篇
  • ZooKeeper 11篇
  • HBase 13篇
  • Hadoop 37篇
  • 软件工具使用教程 9篇
  • MyBatis 12篇
  • SpringMVC 14篇
  • Spring5 9篇
  • AcWing-算法基础 33篇
  • MySql 14篇
  • Cesium 12篇
  • Servlet 和 JSP 19篇
  • Linux 6篇
  • AcWing 每日一题 12篇
  • JavaScript 10篇
  • GitHub 2篇
  • 计算机网络 16篇
  • AcWing-习题 47篇
  • 团体程序设计天梯赛 81篇
  • PTA 2篇
  • 石油大 12篇
  • 数据结构 9篇

最新评论

  • Java 项目 学生信息管理系统 超详细 超完整 保姆级讲解(主页面 + 添加学生信息 + 删除学生信息 + 修改学生信息 + 查询学生信息)

    在人间负债^: 主页有联系方式喔 可以加下

  • Java 项目 学生信息管理系统 超详细 超完整 保姆级讲解(主页面 + 添加学生信息 + 删除学生信息 + 修改学生信息 + 查询学生信息)

    会唱歌的PPC: 我创建好了数据库 怎么进行下一步啊

  • Java 项目 学生信息管理系统 超详细 超完整 保姆级讲解(主页面 + 添加学生信息 + 删除学生信息 + 修改学生信息 + 查询学生信息)

    在人间负债^: 这段代码是使用Java Swing库来设置图形用户界面(GUI)中的某个容器(通常是一个JFrame或其子类)的内容面板(content pane)的布局和边框。以下是对每行代码的详细解释: contentPane = new JPanel(); 这行代码创建了一个新的JPanel对象,并将其引用赋值给contentPane变量。JPanel是Swing库中的一个容器类,它可以容纳其他组件(如按钮、标签等)。 contentPane.setBorder(new EmptyBorder(5, 5, 5, 5)); 这行代码为contentPane设置了一个边框。这里使用的是一个EmptyBorder对象,它创建一个透明的边框,但具有指定的内部填充。new EmptyBorder(5, 5, 5, 5)中的四个数字分别代表上、左、下、右四个方向的内部填充大小(以像素为单位)。因此,这里设置了一个在所有方向上都有5像素内部填充的透明边框。 setContentPane(contentPane); 这行代码假设当前上下文中有一个JFrame或其子类的实例(虽然在这段代码中并没有直接显示)。setContentPane是JFrame类中的一个方法,用于设置该窗口的内容面板。内容面板是窗口中用于容纳其他组件(如按钮、标签等)的容器。通过调用setContentPane方法,你可以将自定义的JPanel(或其他容器)设置为窗口的内容面板。 contentPane.setLayout(new BoxLayout(contentPane, BoxLayout.Y_AXIS)); 这行代码为contentPane设置了一个布局管理器。在这里,它使用的是BoxLayout,这是一种非常有用的布局管理器,可以沿指定的轴(这里是垂直轴,由BoxLayout.Y_AXIS指定)排列组件。这意味着添加到contentPane的所有组件都将按垂直顺序排列。 总的来说,这段代码的目的是创建一个新的JPanel,为其设置一个透明的边框和垂直的布局管理器,然后将其设置为某个窗口的内容面板。

  • Java 项目 学生信息管理系统 超详细 超完整 保姆级讲解(主页面 + 添加学生信息 + 删除学生信息 + 修改学生信息 + 查询学生信息)

    kninsight: contentPane = new JPanel(); contentPane.setBorder(new EmptyBorder(5, 5, 5, 5)); setContentPane(contentPane); contentPane.setLayout(new BoxLayout(contentPane, BoxLayout.Y_AXIS)); 这行代码是什么作用的啊?

  • Java 项目 学生信息管理系统 超详细 超完整 保姆级讲解(主页面 + 添加学生信息 + 删除学生信息 + 修改学生信息 + 查询学生信息)

    sail506: select * from 改成delect from之后为什么显示删除失败啊

您愿意向朋友推荐“博客详情页”吗?

  • 强烈不推荐
  • 不推荐
  • 一般般
  • 推荐
  • 强烈推荐
提交

最新文章

  • 3分钟零代码搭建了一个百度智能体----哄人专家(帮我哄生气中的女朋友)
  • 使用 mybatis-plus 向 leave 表中插入数据失败
  • LeetCode 每日一题 ---- 【826.安排工作以达到最大收益】
2024年37篇
2023年116篇
2022年371篇
2021年114篇

目录

目录

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

在人间负债^

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或 充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值

深圳SEO优化公司潮州网站推广推荐漳州企业网站建设贵阳品牌网站设计哪家好长沙seo网站优化价格湖州网站改版公司定西外贸网站设计哪家好钦州阿里店铺运营推荐焦作网站推广方案哪家好北海高端网站设计价格盐田网站优化按天计费报价南山百度标王衡水网站开发推荐襄阳品牌网站设计报价广元网站改版临沧网站推广工具荆门关键词排名报价广东百度seo铜陵网站seo优化多少钱朔州SEO按天扣费推荐内江阿里店铺运营哪家好坪山SEO按效果付费公司晋中百度seo价格东莞百搜标王公司衡阳设计公司网站平湖至尊标王推荐益阳优化价格衢州外贸网站制作公司淮安网站搭建公司海口优化徐州如何制作网站多少钱歼20紧急升空逼退外机英媒称团队夜以继日筹划王妃复出草木蔓发 春山在望成都发生巨响 当地回应60岁老人炒菠菜未焯水致肾病恶化男子涉嫌走私被判11年却一天牢没坐劳斯莱斯右转逼停直行车网传落水者说“没让你救”系谣言广东通报13岁男孩性侵女童不予立案贵州小伙回应在美国卖三蹦子火了淀粉肠小王子日销售额涨超10倍有个姐真把千机伞做出来了近3万元金手镯仅含足金十克呼北高速交通事故已致14人死亡杨洋拄拐现身医院国产伟哥去年销售近13亿男子给前妻转账 现任妻子起诉要回新基金只募集到26元还是员工自购男孩疑遭霸凌 家长讨说法被踢出群充个话费竟沦为间接洗钱工具新的一天从800个哈欠开始单亲妈妈陷入热恋 14岁儿子报警#春分立蛋大挑战#中国投资客涌入日本东京买房两大学生合买彩票中奖一人不认账新加坡主帅:唯一目标击败中国队月嫂回应掌掴婴儿是在赶虫子19岁小伙救下5人后溺亡 多方发声清明节放假3天调休1天张家界的山上“长”满了韩国人?开封王婆为何火了主播靠辱骂母亲走红被批捕封号代拍被何赛飞拿着魔杖追着打阿根廷将发行1万与2万面值的纸币库克现身上海为江西彩礼“减负”的“试婚人”因自嘲式简历走红的教授更新简介殡仪馆花卉高于市场价3倍还重复用网友称在豆瓣酱里吃出老鼠头315晚会后胖东来又人满为患了网友建议重庆地铁不准乘客携带菜筐特朗普谈“凯特王妃P图照”罗斯否认插足凯特王妃婚姻青海通报栏杆断裂小学生跌落住进ICU恒大被罚41.75亿到底怎么缴湖南一县政协主席疑涉刑案被控制茶百道就改标签日期致歉王树国3次鞠躬告别西交大师生张立群任西安交通大学校长杨倩无缘巴黎奥运

深圳SEO优化公司 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化