鱼C论坛

 找回密码
 立即注册
查看: 2999|回复: 14

[已解决]网页标题乱码

[复制链接]
发表于 2018-10-2 21:02:17 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
在看第六讲的时候按视频步骤加入了JS然后就title乱码了,正文没]事,百度了一下都是加一句utf-8之类的但是没用。求大神们帮帮忙
2.png
最佳答案
2018-10-4 09:03:33
本帖最后由 不二如是 于 2018-10-19 09:57 编辑

1、网页乱码跟加载JS没有直接关系哦

2、乱码是因为编码问题,添加meta很正确:
  1. <meta charset="UTF-8">
复制代码


3、但是由于DOM加载顺序原因,不要讲title写在meta上面,请放置meta最后一个标签下面(</head>之前),例如:
  1.    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  2. <meta name="keywords" content="小甲鱼,Web开发,HTML5,CSS3,Web编程教学">
  3. <meta name="description" content="《零基础入门学习Web开发》案例演示">
  4. <meta name="author" content="鱼C工作室">
  5. <title>Fishc</title>
复制代码


4、notepad++默认编码改为UTF-8,然后 浏览器也要改一下编码,右键/(设置),编码,改成UTF-8

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2018-10-2 21:13:58 | 显示全部楼层
本帖最后由 水柔炎 于 2018-10-2 21:15 编辑

你没指定编码格式utf8

head里面的

head里面的
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2018-10-2 21:52:36 | 显示全部楼层
水柔炎 发表于 2018-10-2 21:13
你没指定编码格式utf8

没有用,<title></title>前面加了那个也没用
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-10-3 05:08:08 | 显示全部楼层
你用的什么编辑器?自己查看文件保存编码,有时候是 UTF-8 BOM 格式。
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-10-3 09:40:10 | 显示全部楼层
wang527900799 发表于 2018-10-2 21:52
没有用,前面加了那个也没用

不可能把!你用的是什么浏览器
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2018-10-3 22:03:00 | 显示全部楼层
forece 发表于 2018-10-3 05:08
你用的什么编辑器?自己查看文件保存编码,有时候是 UTF-8 BOM 格式。

就是用的和小甲鱼视频里的一样的notepad++,换成记事本搞了一遍还是那样
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2018-10-3 22:03:32 | 显示全部楼层
水柔炎 发表于 2018-10-3 09:40
不可能把!你用的是什么浏览器

360和IE都试了一遍一样的
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-10-4 09:03:33 | 显示全部楼层    本楼为最佳答案   
本帖最后由 不二如是 于 2018-10-19 09:57 编辑

1、网页乱码跟加载JS没有直接关系哦

2、乱码是因为编码问题,添加meta很正确:
  1. <meta charset="UTF-8">
复制代码


3、但是由于DOM加载顺序原因,不要讲title写在meta上面,请放置meta最后一个标签下面(</head>之前),例如:
  1.    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  2. <meta name="keywords" content="小甲鱼,Web开发,HTML5,CSS3,Web编程教学">
  3. <meta name="description" content="《零基础入门学习Web开发》案例演示">
  4. <meta name="author" content="鱼C工作室">
  5. <title>Fishc</title>
复制代码


4、notepad++默认编码改为UTF-8,然后 浏览器也要改一下编码,右键/(设置),编码,改成UTF-8

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-10-4 10:09:41 | 显示全部楼层
wang527900799 发表于 2018-10-3 22:03
360和IE都试了一遍一样的

<meta charset="UTF-8">这行加上了吗?
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2018-10-4 23:33:11 | 显示全部楼层

加了,没用
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2018-10-4 23:35:38 | 显示全部楼层
不二如是 发表于 2018-10-4 09:03
1、网页乱码跟加载JS没有直接关系哦

2、乱码是因为编码问题,添加meta很正确:

还是这样子,标题还是乱码
捕获.PNG
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-10-5 08:13:22 | 显示全部楼层

再重写一个HTML文件看看,用utf8写
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-10-6 12:59:20 | 显示全部楼层
首先
  1. <meta charset='utf-8'>
复制代码
要在title前面,notepad++ 编码为utf-8无bom格式。
然后 浏览器也要改一下编码,360的话,右键,编码,改成UTF-8
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-10-10 22:21:40 From FishC Mobile | 显示全部楼层
很显然你用的notpad++默认编码,notpad++上面编码格式点开看下
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-10-19 09:50:54 | 显示全部楼层
出现这个问题一般是
1. 编写的代码保存时候不是 utf-8 格式,
2. 浏览器展示的格式不是 utf-8 , 可以在开发者工具设置编码
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-3-28 18:32

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表