html文件里面的中文乱码

最新推荐文章于 2024-06-18 13:20:32 发布

qq风轻云淡

最新推荐文章于 2024-06-18 13:20:32 发布

阅读量6.6w

点赞数 3

分类专栏： H5 文章标签： html 乱码 meta

本文链接：https://blog.csdn.net/qq_36317441/article/details/80385225

版权

H5 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

从网上复制了一个html文件，用浏览器打开的时候发现里面的中文都变成乱码了，如下图所示：

html文件如下所示：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		
		<title>折叠菜单</title>
		<style>
			#side_nav ul {
				display: none
			}
		</style>
	</head>

	<body>
		<ul id="side_nav">
			<li><span>菜单1</span>
				<ul>
					<li>
						<a href="#">菜单1-0</a>
					</li>
					<li>
						<a href="#">菜单1-1</a>
					</li>
				</ul>
			</li>
			<li><span>菜单2</span>
				<ul>
					<li>
						<a href="#">菜单2-0</a>
					</li>
					<li>
						<a href="#">菜单2-1</a>
					</li>
				</ul>
			</li>
			<li><span>菜单3</span>
				<ul>
					<li>
						<a href="#">菜单3-0</a>
					</li>
				</ul>
			</li>
		</ul>
		<script type="text/javascript">
			
			(function() {
				var navWrap = document.getElementById("side_nav");
				var nav1s = navWrap.getElementsByTagName("span");
				var nav2s = navWrap.getElementsByTagName("ul");
				for(var i = 0, len = nav1s.length; i < len; i++) {
					nav1s[i].onclick = (function(i) {
						return function() {
							for(var j = 0; j < len; j++) {
								nav2s[j].style.display = "none";
							}
							nav2s[i].style.display = "block";
						}
					})(i)
				}
			})()
			
		</script>
	</body>

</html>

如何解决乱码问题呢？

很简单只需要在head标签中加入<meta charset="utf-8">即可。如下图所示：

如果本文对您有所帮助，麻烦点击一下左侧的点赞按钮，谢谢！

qq风轻云淡

关注

3
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
html文件里面的中文乱码

从网上复制了一个html文件，用浏览器打开的时候发现里面的中文都变成乱码了，如下图所示：html文件如下所示：&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;html xmlns="h...
复制链接

扫一扫

专栏目录