需用Git管理HTML多版本分支：先git init初始化仓库，再git add和commit提交初始版本，接着checkout -b创建feature-dark-theme等独立分支分别保存不同HTML变体，最后checkout切换或worktree预览各版本。
如果您在开发网页时需要保存多个HTML文件的版本分支，以便在不同功能或设计之间切换，则需要借助Git进行基础版本控制。以下是实现该目标的具体步骤：
一、初始化本地Git仓库
在存放HTML文件的目录中创建Git仓库，是后续所有分支操作的前提。该操作会生成.git隐藏目录，用于记录所有版本变更信息。
1、打开终端或命令提示符，使用cd命令进入您的HTML项目根目录。
2、执行命令：git init。
立即学习“前端免费学习笔记（深入）”；
3、运行git status确认当前处于未跟踪状态，并查看待提交的HTML文件列表。
二、提交初始主版本
将当前全部HTML文件作为第一个稳定快照存入master（或main）分支，构成后续分支派生的基础起点。
1、执行命令：git add .（注意末尾英文句点），将所有HTML及相关资源文件暂存。
2、执行命令：git commit -m "initial commit: base HTML structure"。
3、通过git log --oneline验证首次提交已成功写入历史。
三、创建并切换至新功能分支
为避免干扰主版本，所有新增HTML变体（如响应式版、暗色主题版、A/B测试版）应在独立分支中开发和保存。
1、执行命令：git checkout -b feature-dark-theme，创建并立即切换到名为feature-dark-theme的新分支。
2、修改index.html及其他相关HTML文件，例如添加class="dark"或替换CSS链接。
3、保存更改后，运行git add index.html style.css仅暂存本次修改的HTML与样式文件。
4、执行git commit -m "add dark theme HTML variant"完成该分支的首次保存。
四、保存多个并行HTML分支版本
每个HTML变体应对应一个独立命名的分支，确保内容隔离、互不覆盖，便于随时检出任意版本的完整HTML结构。
1、返回主分支：执行git checkout main（或master，依初始化默认而定）。
2、新建第二个变体分支：git checkout -b experiment-responsive-layout。
3、编辑同一组HTML文件，但仅调整@media规则、容器类名或引入新JS逻辑。
4、重复执行git add与git commit完成该分支的HTML版本固化。
5、使用git branch列出全部分支，确认feature-dark-theme与experiment-responsive-layout均已存在。
五、检出指定HTML分支版本进行预览
当需查看某一分支下完整的HTML页面效果时，直接切换至该分支即可获得其专属的全部文件快照，无需手动复制或覆盖。
1、执行命令：git checkout feature-dark-theme，使工作区还原为该分支最后一次提交的状态。
2、在浏览器中直接双击打开index.html，或启动本地服务器访问对应路径。
3、若需临时对比两个HTML版本，可使用git worktree add ../html-preview-experiment experiment-responsive-layout建立独立工作树，避免频繁切换。
