HTML页面乱码怎么解决?
html文件乱码一般是因为编码格式不匹配造成的,比如:不同编码内容混杂、浏览器不能自动检测网页编码等等;但无论是哪种情况造成乱码,在html文件头中设置网页编码,匹配好编码格式就可。下面是一个中文乱码的html:<!DOCTYPE html><html><body><h1>标题</h1><p>这是一段测试文本!</p&g
·
html文件乱码一般是因为编码格式不匹配造成的,比如:不同编码内容混杂、浏览器不能自动检测网页编码等等;但无论是哪种情况造成乱码,在html文件头中设置网页编码,匹配好编码格式就可。
下面是一个中文乱码的html:
<!DOCTYPE html>
<html>
<body>
<h1>标题</h1>
<p>这是一段测试文本!</p>
</body>
</html>
效果图:
html中的编码方式有三个:gb2312,gbk,utf-8;现在大部分浏览器默认编码的是utf-8。我们只需要把html编码方式设置为utf-8,就可以解决html中文乱码的问题。
解决方法:
在head节点加入<meta>标签,把字符声明为UTF-8
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
或者简写:
<meta charset="UTF-8">
解析:
● http-equiv="Content-Type"表示描述文档类型
● content="text/HTML;文档类型,这里为html,如果js就是text/JavaScript,
● charset=utf-8 页面字符集,编码,eg:gb2312,iso-8859-1,utf-8
示例:
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
</head>
<html>
<body>
<h1>标题</h1>
<p>这是一段测试文本!</p>
</body>
</html>
开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!
更多推荐
已为社区贡献13条内容
所有评论(0)