复制代码缩进混乱是因换行符（crlf/lf）和制表符（tab/空格）在编辑器间不兼容，需统一换行符为crlf、确认tab宽度、避免鼠标拖选引入零宽字符。
复制代码时缩进全乱了怎么办
纯文本编辑器（比如记事本）默认不保留 Tab 缩进，粘贴后所有 if、for 块会挤成一行或错位成空格不一致的混乱结构。这不是你复制错了，是换行符和制表符在不同程序间没对齐。
- Windows 记事本只认
\r\n，而 VS Code / PyCharm 默认用\n；粘贴前先在编辑器里把换行符转成Windows (CRLF) - Tab 宽度不统一：有的编辑器设为 4 空格，有的当 8 个空格渲染——保存前用编辑器「显示空白字符」功能确认实际是
\t还是 - 别用鼠标拖选再 Ctrl+C：容易多选一个不可见的零宽字符（比如
U+200B），导致后续html解析报错Unexpected token ILLEGAL
用记事本保存成 .html 文件但浏览器打不开
文件后缀是 .html 不代表它就是合法 HTML —— 缺少基础结构，浏览器会当成纯文本显示源码，甚至直接下载。
- 必须手动写最简骨架：
<!DOCTYPE html> <html> <head><meta charset="UTF-8"></head> <body> <!-- 你的代码放这里 --> </body> </html>
- 中文内容务必加
<meta charset="UTF-8">，否则记事本保存的 GBK 编码会被浏览器当 UTF-8 解，显示成乱码 - 别双击打开：记事本保存后，右键文件 →「属性」→ 确认「类型」是「HTML Document」；如果不是，说明后缀被系统隐藏了，实际可能是
.html.txt
想高亮显示代码但不用第三方库
纯 HTML 不支持语法高亮，<pre class="brush:php;toolbar:false;"><code></code> 只是保留换行和空格，颜色、关键字加粗都得靠 CSS 控制，但浏览器默认样式极简。</p><div class="aritcle_card flexRow">
<div class="artcardd flexRow">
<a class="aritcle_card_img" href="/xiazai/shouce/1678" title="maven使用方法 中文WORD版"><img
src="https://img.php.cn/upload/manual/000/000/010/170631900482381.png" alt="maven使用方法 中文WORD版"></a>
<div class="aritcle_card_info flexColumn">
<a href="/xiazai/shouce/1678" title="maven使用方法 中文WORD版">maven使用方法 中文WORD版</a>
<p>本文档主要讲述的是maven使用方法；Maven是基于项目对象模型的（pom），可以通过一小段描述信息来管理项目的构建，报告和文档的软件项目管理工具。Maven将你的注意力从昨夜基层转移到项目管理层。Maven项目已经能够知道 如何构建和捆绑代码，运行测试，生成文档并宿主项目网页。希望本文档会给有需要的朋友带来帮助；感兴趣的朋友可以过来看看</p>
</div>
<a href="/xiazai/shouce/1678" title="maven使用方法 中文WORD版" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a>
</div>
</div><ul><li>最低成本方案：用 <code><pre class="brush:php;toolbar:false;"><code class="python"></code> + 内联 <code><style></code> 定义基础颜色，例如：<pre class="brush:php;toolbar:false;"><style>
code { font-family: "SFMono-Regular", Consolas, "Liberation Mono"; }
code.language-python span.keyword { color: #007acc; font-weight: bold; }
</style></pre><li>关键词要自己包裹：<code>for 得写成 <span class="keyword">for</span>，没有自动解析；适合小段代码，超过 20 行就别手写了
<pre class="brush:php;toolbar:false;"></pre> 里的 和 <code>> 必须转义成 < 和 >，否则会被浏览器当标签解析掉
从 IDE 复制带样式的代码到 HTML
VS Code、JetBrains 系列支持「复制为 HTML」插件（如 Copy as HTML），但生成结果依赖当前主题，且含大量内联 style，体积大、难维护。
立即学习“前端免费学习笔记（深入）”；
- 推荐导出为 GitHub Gist 链接再嵌入：
<script src="https://gist.github.com/xxx.js"></script>，省去本地编码转换 - 如果必须本地存：用插件导出后，删掉冗余的
font-size、line-height行，只留color和background，否则在手机上文字小得看不清 - 警惕
data-line、data-start这类自定义属性——它们不是标准 HTML，部分老旧浏览器会忽略整个<code>块
事情说清了就结束。最常卡住的地方其实是：以为“复制 → 粘贴 → 改后缀”就够了，但编码、换行、转义、结构这四层漏一层，HTML 就只是个打不开的文本文件。
