如何在 Windows 和 Mac 上轻松将 HTML 代码保存到文件中
HTML是大多数网页背后的语言,无论你是学习网页开发、创建个人网页,还是仅仅想在本地保存一份在线内容,将HTML保存为文件都是一项非常有用的技能。HTML保存成功后,你可以用网页浏览器打开它,稍后编辑代码,将其移动到另一台计算机,或者将其用作构建更大型网站的基础。
在本指南中,我们将介绍几种方便地将 HTML 保存为文件的实用方法。
1. 在 Windows 系统中将 HTML 另存为文件
如果您已经有了 HTML 代码,Windows 记事本就足以将其另存为 HTML 文件。关键是要确保 Windows 不会将其另存为 .html 文件。
。TXT
文档。
脚步:
- 打开 记事本 在您的 Windows 电脑上,然后 t 在文档中输入或粘贴您的HTML代码。
- 点击
文件 > 另存为
然后 e
输入以“.”结尾的文件名。
.html, 例如我的页面.html。 - 放 另存为类型 到 所有文件 。
- 选择 UTF-8 如果可以选择,则进行编码。
- 选择位置并点击 节省 。
- 双击已保存的文件,即可在浏览器中打开它。
例如,一个简单的文件可以命名为
index.html
当在 Chrome、Edge、Firefox 或其他浏览器中打开时,HTML 代码将被渲染成网页。
2. 在 Mac 上将 HTML 另存为文件
Mac 用户可以使用文本编辑器 (TextEdit) 创建 HTML 文件。但是,有一点需要记住:HTML 文件应该保存为纯文本格式,而不是富文本格式。
脚步:
- 打开 文本编辑 在您的 Mac 上。
- 选择 格式 > 生成纯文本 。
- 输入或粘贴您的HTML代码。
- 选择 文件 > 保存 或者 另存为 。
- 将文件命名为
.html扩展,例如我的页面.html。 - 选择保存位置。
- 请确保文件未以任何方式保存
。TXT扩大。 - 双击该文件即可在默认浏览器中打开。
如果你需要经常创建网页,那么使用专业的HTML编辑器可能比TextEdit更方便。不过,对于基本的HTML文件来说,TextEdit也完全够用。
3. 将 HTML 另存为带扩展名的文件
有时你并非从 HTML 代码开始。相反,你可能想要保存当前浏览器中正在浏览的整个网页。
在这种情况下,手动复制网页源代码可能不够。现代网页可能包含 CSS、JavaScript、图像、字体和其他资源。浏览器扩展程序,例如…… 单文件 可以将网页保存为单个 HTML 文件,从而简化流程。
如何使用 SingleFile:
- 在支持的浏览器中安装 SingleFile 扩展。
- 打开你想保存的网页,然后…… 请等待页面加载完成。
- 点击 单文件 扩展程序图标,然后 w 请稍候,扩展程序正在处理页面。
- 选择保存生成的 HTML 文件的位置。
- 在浏览器中打开已保存的文件以查看结果。
4. 使用在线工具在 Windows 上将 HTML 另存为文件
如果您不想安装扩展程序或桌面应用程序,可以使用在线 HTML 保存工具,例如: HTML保存 可以提供另一种选择。
在线工具的便利之处在于所有操作都通过网页浏览器完成。这在你使用另一台电脑或只是偶尔需要保存HTML文件时非常有用。
脚步:
- 在 Windows 上打开浏览器并 v 这是HTMLSave网站。
- 输入、上传或提供服务支持的 HTML 或网页信息。
- 开始保存或转换过程,然后 请稍等片刻,等待工具处理内容。
- 下载生成的 HTML 文件,然后 o 在浏览器中打开该文件进行验证。
5. 使用网页存档工具将 HTML 另存为文件
对于想要保存完整网页而不是仅仅保存 HTML 源代码的用户来说,网页存档器可能是一个更合适的解决方案。
Swyshare ArchiveKit 是一款网页归档工具,可以帮助您将在线网页内容保存到本地。当您想要维护网页及其相关资源的本地参考副本时,这种方法非常有用。
脚步:
- 在您的计算机上下载并安装 Swyshare ArchiveKit,然后启动该应用程序。
- 输入或提供您要存档的网页,加载完整页面以开始存档过程。
- 打开已保存的网页以验证存档内容。
6. 你应该选择哪种方法?
正确的方法主要取决于你想保存什么。
| 方法 | 最适合 |
|---|---|
| Windows 上的记事本 | 保存您编写的 HTML 代码 |
| Mac 上的文本编辑 | 创建基本 HTML 文件 |
| 单文件 | 将各个网页保存为单个 HTML 文件 |
| HTML保存 | 快速的基于浏览器的 HTML 保存任务 |
| Swyshare ArchiveKit | 网页及相关内容的存档 |
七、结论
使用正确的方法,将 HTML 保存为文件既快捷又简单。可以使用文本编辑器来编写基本的 HTML 代码,使用 SingleFile 来保存单个网页,或者使用 HTMLSave 来获取在线解决方案。 Swyshare ArchiveKit 为了更完整地存档网页,请选择最符合您需求的选项,并确保您的网页可以离线访问。