关于Html中文乱码的问题
2015-12-02 13:55
531 查看
今天突然就想学Html5了。于是问了我旁边的前端帅哥,经推荐下载了subline text 轻量级编辑器,就开始了我的Html5学习之路~
<!DOCTYPE html>
<html>
<head>
<title>新浪首页</title>
</head>
<body>
</body>
</html>
这样直接运行的时候,发现新浪首页这四个字乱码了,没有采用utf-8的编码模式
解决如下
<!DOCTYPE html>
<html>
<head>
<!-- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> --> //改动1
<meta charset="utf-8"> //改动2
<title>新浪首页</title>
</head>
<body>
</body>
</html>
PS:改动1为之前的写法,比较繁琐 ;改动2为现在简洁的写法,但是效果都是一样的哦。
But:当你运行的时候你会发现依旧是乱码的。这时候才发现问题出现在文件保存时候的Encoding方式。你肯定没有save with Encoding UTF-8.
重新存储之后这个乱码的问题就会解决喽。(运行之前千万要记得保存哦,我老是忘记,哈哈哈
总结:
第一步:在head处添加<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 或者<meta charset="utf-8">标记,并将charset设置为utf-8
如果你发现乱码问题仍然没有解决,那就继续往下看:
第二步:点击file -
save with Encoding UTF-8.那是因为你的编辑器不是UTF-8的哦。
好啦,第一篇博客就这样喽。(*^__^*) 嘻嘻……
<!DOCTYPE html>
<html>
<head>
<title>新浪首页</title>
</head>
<body>
</body>
</html>
这样直接运行的时候,发现新浪首页这四个字乱码了,没有采用utf-8的编码模式
解决如下
<!DOCTYPE html>
<html>
<head>
<!-- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> --> //改动1
<meta charset="utf-8"> //改动2
<title>新浪首页</title>
</head>
<body>
</body>
</html>
PS:改动1为之前的写法,比较繁琐 ;改动2为现在简洁的写法,但是效果都是一样的哦。
But:当你运行的时候你会发现依旧是乱码的。这时候才发现问题出现在文件保存时候的Encoding方式。你肯定没有save with Encoding UTF-8.
重新存储之后这个乱码的问题就会解决喽。(运行之前千万要记得保存哦,我老是忘记,哈哈哈
总结:
第一步:在head处添加<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 或者<meta charset="utf-8">标记,并将charset设置为utf-8
如果你发现乱码问题仍然没有解决,那就继续往下看:
第二步:点击file -
save with Encoding UTF-8.那是因为你的编辑器不是UTF-8的哦。
好啦,第一篇博客就这样喽。(*^__^*) 嘻嘻……
相关文章推荐
- <!DOCTYPE html>很重要
- XML学习笔记(一):HTML文件转成XML文件
- html中offsetTop、clientTop、scrollTop、offsetTop各属性介绍
- HTML标签自定义属性
- HTML 5怎么就成了RIA“杀手”?
- .NET编码解码(HtmlEncode与HtmlEncode)
- MVC htmlAttributes and additionalViewData
- HTML框架
- HTML表格的基本结构
- HTML超链接
- html()和text()区别
- 使用TWebBrowser组件保存网页为html和mht文件 收藏
- HTML学习笔记
- 【1】HTML
- HTML结构
- canvas 大转盘
- HTML <a> 标签的正则表达式
- .NET编码解码(HtmlEncode与HtmlEncode)
- HTML标签以及各个标签属性大全(网页制作必备)
- doxygen 引用.md红色字体设置无效