PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

如何解决html乱码问题

青灯夜游
青灯夜游 原创
2021-05-14 17:11:36 14911浏览

在html中,可以通过在head节点加入meta标签,匹配好html文件的编码格式来解决html乱码问题,语法格式“”。

本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

HTML文件乱码一般是因为编码格式不匹配造成的,只要匹配好html文件的编码格式就可。

下面是一个中文乱码的html:

<!DOCTYPE html>
<html>

	<body>
		<h1>标题</h1>
		<p>这是一段测试文本!</p>
	</body>

</html>

效果图:

1.png

解决方法:

在head节点加入标签,把字符声明为UTF-8即可

<!DOCTYPE html>
<head>
	<meta charset="UTF-8">
</head>
<html>

<body>
	<h1>标题</h1>
	<p>这是一段测试文本!</p>
</body>

</html>

效果图:

2.png

说明:标签

元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。

标签位于文档的头部,不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。

属性描述
charsetcharacter_set定义文档的字符编码。
contenttext定义与 http-equiv 或 name 属性相关的元信息。
http-equivcontent-type
     default-style
     refresh
把 content 属性关联到 HTTP 头部。
nameapplication-name
     author
     description
     generator
     
keywords
把 content 属性关联到一个名称。
schemeformat/URI HTML5不支持。 定义用于翻译 content 属性值的格式。

推荐教程:《html视频教程

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。