必须将html代码保存为.html或.htm格式文件。使用文本编辑器编写后,通过“另存为”选择UTF-8编码并添加.html扩展名,推荐命名为index.html,文件名应仅含字母、数字、连字符或下划线,避免空格与特殊字符,确保浏览器正常打开。

如果您需要将编写好的HTML代码保存为可在浏览器中正常打开的网页文件,必须遵循特定的文件格式和命名规则。以下是具体的操作方法:
一、选择正确的文件扩展名
html文件必须使用标准的扩展名,以便操作系统和浏览器正确识别其类型。常见的合法扩展名为.html或.htm。
1、在文本编辑器中完成HTML代码编写后,点击“文件”菜单中的“另存为”选项。
2、在弹出的保存对话框中,输入您希望的文件名称,并确保文件扩展名设置为 .html。
立即学习“前端免费学习笔记(深入)”;
3、如果使用的是windows系统,默认可能隐藏已知文件类型的扩展名,需在文件夹选项中启用“显示文件扩展名”功能以避免误保存为.txt文件。
二、推荐使用 .html 作为标准扩展名
尽管.htm与.html均可被浏览器解析,但.html是更通用且广泛支持的标准形式。
1、在保存文件时,明确输入完整的文件名,例如 index.html。
2、避免仅输入文件名而不加扩展名,否则系统可能会自动添加其他格式后缀或导致文件无法正确识别。
3、对于主页面文件,建议统一命名为 index.html,这是大多数Web服务器默认加载的首页文件名。
三、使用纯文本格式编码保存
HTML文件本质上是纯文本文件,必须以文本格式保存,不能使用富文本或文档处理软件的专有格式。
1、使用记事本、VS Code、sublime Text等支持纯文本编辑的工具进行编写和保存。
2、在保存时选择编码格式为 UTF-8,以确保中文字符和其他特殊符号能正常显示。
3、在“另存为”对话框中,找到“编码”选项,选择 UTF-8 后再确认保存。
四、文件命名应符合规范
合理的命名方式有助于文件管理并避免在不同系统间出现兼容性问题。
1、文件名只能包含英文字母、数字、连字符(-)和下划线(_),避免使用空格、中文或特殊字符如#、%、&等。
2、建议全部使用小写字母命名,防止在区分大小写的服务器环境中出现访问失败。
3、示例:about-us.html、contact_info.html、page1.html 均为合规命名;而“我的主页.html”或“test file.html”则不符合规范。