HTM是HTML文件的常用后缀之一,和HTML后缀的文件本质相同,都是用来存储网页内容的文本文件。不少新手在保存这类文件时会遇到格式错误、内容乱码等问题,下面分场景介绍正确的保存步骤。

场景一:用文本编辑器编写代码后保存HTM文件
如果是自己写网页代码,用系统自带的记事本或者第三方文本编辑器都可以完成保存,步骤如下:
1. 编写完整网页代码
先写好完整的HTML结构代码,以下是一个简单的示例:
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>我的第一个HTM页面</title>
</head>
<body>
<h1>欢迎访问我的页面</h1>
<p>这是用文本编辑器保存的HTM文件内容</p>
</body>
</html>2. 选择保存路径并命名
点击编辑器的文件菜单,选择另存为选项,在弹出的窗口中选择想要保存的文件夹,文件名称可以自定义,比如test.htm。
3. 选择文件类型和编码
保存类型需要选择所有文件,不要选默认的文本文档,否则会保存成txt后缀。编码建议选择UTF-8,避免后续打开文件时出现中文乱码的问题,最后点击保存即可。
场景二:用浏览器保存现有网页为HTM文件
如果想要把当前浏览的网页保存为HTM格式,直接用浏览器的内置功能就能完成,步骤如下:
- 打开需要保存的网页,点击浏览器右上角的菜单按钮,选择更多工具中的另存为选项
- 在弹出的保存窗口中,选择保存路径,文件名称可以自行修改
- 保存类型选择网页,仅HTML,这样只会保存网页的HTML结构,不会保存额外的图片等资源;如果需要保存完整可离线打开的网页,可以选择网页,全部
- 点击保存,等待浏览器处理完成,就能得到对应的HTM文件
保存HTM文件的常见问题说明
| 问题 | 原因 | 解决方法 |
|---|---|---|
| 保存后文件后缀是.txt | 保存时没有选择所有文件类型,系统自动添加了txt后缀 | 另存为时把保存类型改成所有文件,手动输入.htm后缀 |
| 打开文件中文显示乱码 | 保存时编码选择和浏览器打开时的编码不一致 | 保存时选择UTF-8编码,或者用支持编码切换的编辑器重新保存 |
| 保存的网页打开后样式丢失 | 选择了仅保存HTML,没有保存配套的CSS资源 | 保存时选择网页全部类型,或者手动把对应的CSS文件放到同一目录下 |
专业开发工具保存HTM文件的方法
如果用VS Code、WebStorm这类专业网页开发工具,保存步骤更简单:写完代码后直接按Ctrl+S快捷键,第一次保存时会弹出路径选择窗口,按照前面的要求选择保存类型、编码,命名时带上.htm后缀即可,工具会自动识别文件类型,不需要手动调整保存类型。