h5静态页面 引入 css js文件乱码

最新推荐文章于 2023-02-12 14:48:15 发布
原创 最新推荐文章于 2023-02-12 14:48:15 发布 · 280 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#乱码 #js #html5

博客主要讲述静态项目引入 CSS 和 JS 文件后样式未生效的问题。同一目录下其他 H5 文件正常，该页面有问题。经检查，问题文件编码非 UTF - 8 且无法手动修改，手动新建记事本复制代码并保存为 UTF - 8 格式后，样式正常显示。

问题描述

静态项目引入 css js 文件 进行展示结果样式没生效
同一目录下其他静态h5文件正常显示 只是该页面有问题

解决

在这里插入图片描述
从问题文件右下角可以看到不是utf-8的文件格式但是无法手动修改点击时会提示什么硬编码啥的
在这里插入图片描述

其他正常显示的文件右下角为正常的utf-8文件格式接下来修改文件编码进行验证

手动新建记事本复制代码并保存为utf-8格式的文件即可

验证发现已经可以正常显示样式了

觉得有用记得点个关注

重温前端基础（一） HTML、CSS、H5C3
←か淡定☆ ヾ 的博客
10-10 1987
目录0. WEB 标准构成1. HTML1.1 HTML概念1.2 超文本含义1.3 页面语言1.4 字符集1.5 标签语义化1.6 常用标签1.7 图像标签 img1.8 链接标签1.9 锚点定位 0. WEB 标准构成 构成： 主要包括结构（Structure）、表现（Presentation）和行为（Behavior）三个方面。 标准 说明 结构 结构用于对网页元素进行整理和分类，咱们主要学的是HTML。 表现 表现用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS
Html5 + Css3笔记详细汇总大全
weixin_50637054的博客
04-10 8197
Html5 + Css3笔记详细汇总大全
h5页面出现乱码问题
qq_29496169的博客
11-10 870
H5页面乱码，F12审查元素是正常的，但是显示却乱码
HTML
Y17630021685的博客
12-14 311
1. web概念概述 1.1 什么是WEB 使用Java语言开发基于互联网的项目 1.2 软件架构的分类 C/S C/S: Client/Server 客户端/服务器端 * 在用户本地有一个客户端程序，在远程有一个服务器端程序 * 如：QQ，迅雷... * 优点： 用户体验好 * 缺点： 开发、安装，部署，维护 麻烦 B/S B/S: Browser/Server 浏览器...
html乱码
06-14 531
现状： apph5页面显示乱码、启动spring-jpa.xml时中文注释处报异常 分析过程 把spring-jpa.xml的中文注释去掉，先让应用跑起来，运行后发面h5页面乱码 1、在eclipse中把文件都统一改utf-8，问题还是存在 2、后来发现一个现象，双击文件IE打开是乱码，谷歌是正常的 3、把所有html文件用记事本创建(用了默认ANSI格式)，再把内容复制进去，...
js引入乱码
dyi58的博客
09-08 342
js引入乱码： tomcat配置 server.xml设置:<Connector port="8080" protocol="HTTP/1.1" connectionTimeout="20000" redirectPort="8443" URIEncoding="UTF-8" /> 谷歌浏览器乱码：设置--重置
HTML5添加了utf-8中文还是乱码
程序员日常记录
09-27 5252
HTML5添加了utf-8中文还是乱码前言： 本人使用的编辑器为EditPlus 最近在学习html5，对照相关教材敲出了如下代码，也设置了编码格式，但是title展示出来确实乱码。代码如下：<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type"content="text/html;charset=UTF-8"> <!
h5(html5)+css3+移动端前端
weixin_44411458的博客
05-24 515
关于学习 基础班目标 学习PC端网站布局 最终网站：品优购静态网站 目的：精通网页布局，为后面学习Javascript打下基础 HTML导读 网页的形成 前端人员开发代码—>浏览器显示代码（解析，渲染）—>生成最后的Web页面 常用浏览器 IE、火狐（FireFox）、谷歌（Chrome）、Safari和Opera 浏览器内核（渲染引擎）：负责读取网页内容，整理讯息，计算网页的显示方式并显示页面 Web标准（重点） W3C（万维网联盟）是国际最著名的标准化组织 面试常问问题 we
3万字干货HTML+CSS入门指南（建议收藏）
李南江
08-01 5133
什么是浏览器 浏览器是安装在电脑里面的一个软件， 能够将网页内容呈现给用户查看，并让用户与网页交互的一种软件。 就好比QQ一样都是安装在电脑里面的一个软件， 只不过功能不同而已 常见主流浏览器 浏览器市场份额-国内统计 浏览器市场份额-国外统计 不同的浏览器有不同的浏览器内核， 浏览器内核也就是浏览器所采用的渲染引擎，渲染引擎决定了浏览器如何显示网页的内容，从而导致了浏览器兼容性问题出现 IE内核 Trident 谷歌内核 WebKit / Blink 火狐内核 Gecko Saf
Html+CSS+JS实现侧边下拉导航栏（web前端开发基础）
weixin_40841866的博客
10-20 2万+
该代码源自我昨天在B站看的一个视频课（av27073032），造福群众，不喜勿喷。 HTML源代码（建议用Chrome浏览器打开，兼容性强，不易出现乱码现象）： &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name=&quot
html的css样式出现乱码,html为什么有乱码以及解决方法
weixin_28698233的博客
06-21 1044
有三种原因会造成html网页乱码原因。那么我们今天来说一下三种不同的产生原因以及三种问题的解决方案。造成html网页乱码原因主要是html源代码内中文字内容与html编码不同造成。但无论是哪种情况造成乱码在网页开始时候都需要设置网页编码。乱码造成原因1、比如网页源代码是gbk的编码，而内容中的中文字是utf-8编码的，这样浏览器打开即会出现html乱码。反之网页是编码utf-8，内容是gbk也会出...
Html5 乱码解决方案
Spring
05-04 1917
你可能到网上 找了很多fa
html乱码原因与网页乱码解决方法
qq_41046162的博客
01-05 1万+
是gbk的编码，而内容中的中文字是utf-8编码的，这样浏览器打开即会出现html乱码。反之网页是编码utf-8，内容是gbk也会出现乱码。就以上乱码效果截图情况的html代码为，因为 这里编码错误导致的乱码情况。内中文字内容与html编码不同造成。②html网页编码是gbk，而程序从数据库中调出呈现是utf-8编码的内容也会造成编码乱码。html乱码原因与网页乱码解决方法，浏览器浏览网页内容出现乱码符合解决篇（③浏览器不能自动检测网页编码，造成网页乱码。
【前端】静态网页引入JS、CSS地址添加参数时间戳
大白菜啊
02-12 2312
静态网页JS/css地址加时间戳
js的中文在html显示会乱码
daitu_的博客
07-25 1101
js中文在html中显示会乱码，对js文件和引入的link进行修改和设置即可
静态内容（页面HTML+CSS美化）
热门推荐
weixin_42091562的博客
04-30 3万+
HTML静态页面开发步骤：1）创建工程，java Web工程在New中选择Web创建Dynamic Web Project。拓展：java工程和java web工程有什么不同？不同：a）  图标，java工程只有 ，java Web工程有两个 b） 目录结构不同：JAVA工程 src（存放类）java web工程，目录规范要求，约定大于配置。src （存放类，如果类写完保存，eclipse会自动编...
页面css样式加载不完全，显示乱码
Zzane
12-02 898
错误描述： 使用本机+端口访问单独的css文件，http://127.0.0.1:8004/css/layout.css 该文件加载的是未修改之前代码，新增加代码之后会出现乱码。 具体现象如下图： 开发环境 Vagrant centOS部署的lnmp 解决方法 经过一系列的排查（文件编码、浏览器缓存、nginx静态资源缓存），感觉是nginx配置的问题。但无法找出问题，又不好搜。逛了半...
html页面中文显示乱码问题
weixin_43994521的博客
06-18 5555
html页面中文显示乱码问题 html页面中出现中文时可能在前端显示为乱码。 问题原因： 页面的显示编码和存储编码不一致 解决方案：修改显示编码和存储编码为一致。 步骤： 修改页面的显示编码 修改页面的存储编码 1. 修改页面的显示编码 页面的显示编码就是浏览器用来解析页面的编码，常用的是utf-8编码。通过在页面的head标签里面加上 meta标签可以设置显示编码为utf-8。代码如下： <meta http-equiv="Content-Type" content="text/ht
本地化部署服务器加载H5页面
最新发布
04-23
正确的H5部署需要确保服务器正确设置MIME类型，特别是对于.css和.js文件，否则可能出现样式或脚本加载失败的问题。记得引用2中提到include mime.types;，这需要配置在http段下，确保服务器能识别各种文件类型。 ...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值