html中文乱码一般是因为编码格式不匹配造成的，只需要在html文档的head部分中使用meta标签匹配好编码格式即可，语法“”。
本教程操作环境：windows7系统、HTML5版、Dell G3电脑。
在网页中，我们有时候会看到一大串中文乱码。
<!DOCTYPE html>
<html>
<body>
<h1>标题</h1>
<p>这是一段测试文本！</p><div class="aritcle_card flexRow">
<div class="artcardd flexRow">
<a class="aritcle_card_img" href="/ai/2375" title="UXbot"><img
src="https://img.php.cn/upload/ai_manual/001/246/273/176248568419714.png" alt="UXbot" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a href="/ai/2375" title="UXbot">UXbot</a>
<p>AI产品设计工具</p>
</div>
<a href="/ai/2375" title="UXbot" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a>
</div>
</div>
</body>
</html>
立即学习“前端免费学习笔记（深入）”；
其实，造成中文乱码的原因一般是编码格式不匹配造成的，只要匹配好html文件的编码格式就可。
HTML中的编码方式有三个：gb2312，gbk，utf-8；现在大部分浏览器默认编码的是utf-8。我们只需要使用<meta>标签把HTML编码方式设置为utf-8，就可以解决html中文乱码的问题。
在head节点加入标签，把字符声明为UTF-8即可
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <h1>标题</h1> <p>这是一段测试文本！</p> </body> </html>
说明：
标签提供了 HTML 文档的元数据。元数据不会显示在客户端，但是会被浏览器解析。
META元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者及其他元数据。元数据可以被使用浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 Web 服务调用。
标签的charset属性规定 HTML 文档的字符编码。
charset 属性是 HTML5 中的新属性，且替换了：
仍然允许使用 http-equiv 属性来规定字符集，但是使用新方法可以减少代码量。
推荐教程：《html视频教程》
