原生html页面内容字体乱码解决方案

已于 2022-06-08 15:40:59 修改
阅读量208 收藏
点赞数
分类专栏： html js方法 Css 文章标签： html字体乱码 html文本乱码 前端字体乱码
于 2022-06-07 09:31:35 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_49714202/article/details/125159146
版权
js方法 同时被 3 个专栏收录
54 篇文章 2 订阅
订阅专栏
html
47 篇文章 0 订阅
订阅专栏
Css
46 篇文章 0 订阅
订阅专栏

目录

原因

我的html是从别的地方复制过来的,所以文件乱码了

解决

修改前

head> 标签里面的 meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 是这个导致的乱码的

修改后

<meta http-equiv="X-UA-Compatible" content="IE=edge">

我也是无意中百度看到一些提示,我就重新创建一个html文件,修改试了一下,居然成功了,太开了~

感觉文章好的话记得点个心心和关注和收藏，有错的地方麻烦指正一下，如果需要转载,请标明出处，多谢！！！

MFG_666
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
原生云安全解决方案.pdf
04-15
原生云安全解决方案
html5 视频播放解决方案
12-14
html5没学习之前总觉的很神秘。近期通过学习和研究html5有点成果，特总结分享给大家。 众所周知应用开发分两种：一是原生...这里主要研究的是通过应用html5来解决视频播放的问题。Adobe公司因为战略错误，忽视了移动互
Html页面元素对不齐,表单元素与提示文字无法对齐的问题
weixin_34404808的博客
06-03 1503
最近的项目涉及到很多表单的制作，特别是复选框(checkbox)和单选框(radio)。但是在前端开发过程中发现，单(复)选框和它们后面的提示文字在不进行任何设置的情况下，是无法对齐的，而且在Firefox和IE中相差甚大。即使设置了vertical-align:middle，也依然不能完美对齐。如下图所示：于是上网查看了一些网站，发现这个问题是普遍存在的，如下图(FF3.5)：在很多网站涉及到表...
为什么字体在不同系统、浏览器看起来不一样
qq_35971976的博客
07-21 2041
近日遇到同一字体包在前端项目引入后，网页跟设计稿在win系统、mac系统看起来不一样的情况。总结由于各系统、浏览器对字体渲染的方法都不一样，不可能保证文字跟设计稿保持完美一致。
【零基础】了解一下前端HTML与CSS
weixin_34413103的博客
11-08 143
什么是HTML？ HTML： 超文本标记语言，标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。 超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。 超级文本标记语言的定义又是什么？ 超级文本标记语言是标准通用标记语言下的一个应用，也是一种规范，...
IE6IE7Firefox浏览器不兼容原因及解决办法
lwkjob的专栏
07-05 796
IE6IE7Firefox浏览器不兼容原因及解决办法     一、IE6IE7Firefox浏览器不兼容原因及解决办法1.文字 本身的大小不兼容。同样是font-size:14px的宋体文字，在不同浏览器下占的空间是不一样的，ie下实际占 高16px，下留白3px，ff下实际占高17px，上留白1px，下留白3p...
为什么复制粘贴时html,为什么我粘贴文本的时候发现和复制时的不一样
weixin_42324905的博客
06-30 629
2008-05-12在新浪博客里，看到好多人博客里的每篇文章后面都有一些很个性的链接或者图片，就像QQ空间里的签名一样，应该怎样做一、我的个性名片的代码如下：CRL南宁市欢迎你的光临说明：其余的蓝色部分你可以更换为自己的名字，和想填写的一些信息。其中的是换行代码，利用它，可以使你介绍更整齐美观。红色部分为在线QQ联系方式的代码，可以把其中的QQ号换为你自己的，汉字也可换为你自己想要填的内容二、第二...
Requests获取HTML文本和网页原文不一样
weixin_56178442的博客
06-07 617
尝试爬虫大众点评时，Requests爬下来的html文本和原网页中的文本不一样。如下图在星级处，原网页是一个class为“star wrapper”的标签。请求头cookie和user-agent都有加，应该不是原因。可能是大众点评的反爬虫处理，问题目前暂时没能解决。而Requests抓取到的是下图这样。
HTML代码编写的网页出现中文乱码问题解决方案
热门推荐
快乐李同学的博客
03-18 4万+
1.乱码原因 (1)不同编码内容混杂：HTML乱码是因为html编码问题照成（常见gb2312与utf-8两种编码内容同一时候存在照成） (2)未设置HTML编码：<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />未设置，这里设置的是utf-8 (3)使用记事本编辑html：使用记事本直接编辑h...
html页面中文显示乱码问题解决方法
weixin_45237107的博客
10-07 1万+
html页面中出现中文时可能在前端显示为乱码。 问题原因： 页面的显示编码和存储编码不一致 解决方案：修改显示编码和存储编码为一致。 步骤： 修改页面的显示编码 修改页面的存储编码 修改页面的显示编码 页面的显示编码就是浏览器用来解析页面的编码，常用的是utf-8编码。通过在页面的head标签里面加上 meta标签可以设置显示编码为utf-8。代码如下： <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
html页面直接修改后缀转换成jsp，页面显示的中文乱码，忘记加表头
尚墨1111的博客
12-14 116
一、乱码情况如下 二、原因分析，修改成jsp之后忘记加入页面表头了 <%@ page contentType="text/html;charset=UTF-8" language="java" %> 三、修改之后如下 总结：憨憨的错误
移动原生视频解决方案(移动 原生 社交 视频).ppt
03-22
移动原生视频解决方案(移动 原生 社交 视频).ppt
云原生平台赋能数字化转型解决方案.pdf
09-11
云原生平台赋能数字化转型解决方案.pdf
轨道交通行业云原生PaaS中台解决方案.pptx
09-30
轨道交通行业云原生PaaS中台解决方案.pptx
第五次作业函数第一题代码
05-01
第五次作业函数第一题--
基于深度学习的作物病害诊断内含数据集和运行环境说明.zip
05-01
本项目旨在利用深度学习方法实现作物病害的自动诊断。作物病害是农业生产中的重要问题，及时诊断和处理对于减少产量损失至关重要。 我们采用深度学习算法，通过分析作物的图像，实现对病害的自动识别和分类。项目使用的数据集包括公开的作物病害图像数据集，如ISIC等，并进行了预处理，包括图像增强、分割和特征提取等。 在运行环境方面，我们使用Python编程语言，基于TensorFlow、PyTorch等深度学习框架进行开发。为了提高计算效率，我们还使用了GPU加速计算。此外，我们还采用了Docker容器技术，确保实验结果的可重复性。 项目完成后，将实现对作物病害的快速、准确诊断，为农业生产提供有力支持，有助于减少产量损失。同时，项目成果也可应用于其他图像识别和分类任务。
机械设计CD驱动印刷设备step非常好的设计图纸100%好用.zip
05-01
机械设计CD驱动印刷设备step非常好的设计图纸100%好用.zip
tensorflow-2.7.2-cp37-cp37m-manylinux2010-x86-64.whl
最新发布
05-01
python烟花代码
python烟花代码示例
05-01
附件中是一个简单的烟花效果的代码示例： 在Python中，可以使用多种方式来模拟烟花效果，其中一种常用的方法是使用turtle模块，它提供了一个画布和一个小海龟，可以用来绘制各种图形。 这段代码首先导入了turtle模块和random模块，然后在屏幕上绘制了10次烟花爆炸的效果。每次爆炸都是由5个小圆组成，颜色随机选择，圆的大小也是随机的。 请注意，这段代码需要在支持turtle模块的Python环境中运行，并且需要有图形界面的支持。如果你在没有图形界面的环境中（比如某些服务器或者命令行界面），这段代码可能无法正常运行。
原生jshtml tamplate生成页面元素
06-08
生成页面元素的方法有很多种，其中一种比较常用的是使用原生 JavaScript 和 HTML 模板来动态生成页面元素。以下是一个简单的示例： ```html <!DOCTYPE html> <html> <head> <title>JSHTML Template</title> </head> <body> <div id="container"></div> <template id="item-template"> <div class="item"> <h2 class="title"></h2> <p class="description"></p> </div> </template> <script> // 获取 template 元素 var itemTemplate = document.querySelector('#item-template'); // 创建数据 var data = [ {title: '标题1', description: '描述1'}, {title: '标题2', description: '描述2'}, {title: '标题3', description: '描述3'} ]; // 获取容器元素 var container = document.querySelector('#container'); // 循环数据，生成元素并添加到容器中 data.forEach(function(item) { // 克隆 template 元素 var element = itemTemplate.content.cloneNode(true); // 设置元素内容 element.querySelector('.title').textContent = item.title; element.querySelector('.description').textContent = item.description; // 添加元素到容器中 container.appendChild(element); }); </script> </body> </html> ``` 在上面的示例中，我们使用了 HTML `<template>` 元素来定义一个模板，并在 JavaScript 中动态生成了页面元素。具体的步骤如下： 1. 首先，我们在 HTML 中定义了一个空的 `<div>` 元素作为容器，并在 `<template>` 元素中定义了一个模板，其中包含了我们要生成的页面元素的结构和样式。 2. 在 JavaScript 中，我们先使用 `document.querySelector()` 方法获取到了 `<template>` 元素和容器元素。 3. 我们定义了一个数组 `data` 作为数据源，其中包含了每个页面元素的标题和描述。这个数组可以从后端 API 或本地数据源中获取。 4. 接下来，我们使用 `forEach()` 方法遍历了数组中的每个元素，并使用 `cloneNode()` 方法克隆了 `<template>` 元素。 5. 然后，我们使用 `querySelector()` 方法获取到了克隆后的元素中的标题和描述元素，并使用 `textContent` 属性将它们的文本内容设置为对应的数据。 6. 最后，我们将生成的元素添加到了容器中，完成了页面的动态生成。 需要注意的是，上面的示例仅仅是一个简单的示例，实际使用时可能需要根据具体的需求进行修改和优化。

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值