html 扩展名主要有两种，分别是 html 和 htm，这两个扩展名作用完全一致，都是标记这个文件属于网页文档，浏览器识别到这个扩展名之后，就会按照网页语法解析里面的代码，渲染出可视化页面。很多初学者会疑惑为什么会有 htm 这种短后缀，根源是早期老系统也就是 DOS 系统，文件后缀只支持最多三个字符，所以设计出 htm 这个简写版本，后来 Windows 系统不再限制三个字符，就普及使用四个字符的 html 扩展名，现在主流项目里面优先使用 html，但是 htm 依然可以正常被浏览器识别，不会出现兼容报错。扩展名本质只是文件标识，不会改变文件内部代码内容，同一个网页源码，改成 html 或者 htm 后缀，打开之后网页效果是一样的，但是如果后缀改错，比如改成 txt，系统就会把它当成纯文本文档，浏览器也不会自动按照网页模式解析。

html 扩展名基础对照

修改和显示 html 扩展名操作步骤

Windows 系统显示扩展名

1 打开文件夹，顶部找到查看选项卡

2 勾选文件扩展名选项

3 此时文件名后面就可以看见 html 或者 htm 后缀

4 如果不勾选这个选项，系统会隐藏扩展名，新手很容易把文件名保存成 index.html.txt，实际变成 txt 文件

修改 html 扩展名

1 选中网页文件，右键选择重命名

2 把后缀部分改成 html 或者 htm

3 系统弹出确认更改扩展名提示，点击是

4 双击文件，用浏览器打开测试是否可以正常渲染网页

关键知识点

1 扩展名不区分大小写，HTML Html html 都可以识别，但是行业规范统一小写

2 网页首页最常用命名是 index，搭配 html 扩展名，也就是 index.html，服务器默认会优先读取这个文件作为网站首页

3 扩展名和 MIME 类型是配套关系，服务器返回网页的时候，MIME 类型是 text/html，和 html 扩展名相互对应

4 如果是动态网页，像 php asp jsp 就不是 html 扩展名，虽然页面里面依然可以写 html 代码，但是文件本身交给后端程序解析，这点要区分静态网页和动态网页

常见踩坑说明

保存文件的时候，记事本默认保存成 txt，很多人手动写文件名 index.html，但是因为系统隐藏扩展名，最后真实文件名是 index.html.txt，双击打开仍然是记事本文本，无法作为网页运行，这个是新手最高频错误，解决办法就是打开文件扩展名显示，或者保存的时候编码选择 utf8，保存类型选择所有文件，文件名手动带上 html 扩展名。

【常见问题】

问题 1 html 扩展名和 htm 扩展名有区别吗

回答 1 html 扩展名和 htm 扩展名功能没有区别，都可以被浏览器识别解析网页，htm 是早期三字符系统遗留写法，现在新项目优先使用 html 扩展名

问题 2 为什么保存之后不是 html 扩展名

回答 2 保存之后不是 html 扩展名，大多是记事本默认追加 txt 后缀，需要开启文件扩展名显示，或者保存类型选择所有文件，手动填写 html 扩展名

问题 3 index 后面的 html 扩展名可以大写吗

回答 3 index 后面的 html 扩展名可以大写，浏览器支持，但是行业规范推荐小写 html 扩展名，避免部分服务器区分大小写导致访问失败

问题 4 动态 php 文件里面有 html 代码，是不是也要改成 html 扩展名

回答 4 动态 php 文件里面就算包含 html 代码，也不能改成 html 扩展名，改成 html 扩展名之后后端代码不会执行，仍然要保留 php 扩展名

问题 5 服务器识别 html 扩展名依靠什么

回答 5 服务器识别 html 扩展名，一方面依靠文件后缀，另一方面依靠 MIME 类型 text/html，两者配合完成网页解析输出

【免责申明】

本文是 html 扩展名相关基础科普，不同操作系统 服务器对扩展名大小写处理规则存在差异，内容仅作为前端入门学习参考，网站部署请参考对应服务器官方配置文档，不构成生产环境部署强制标准。