HTML文件必须使用.html或.htm后缀,且需确保纯文本格式与UTF-8编码;Windows需开启显示扩展名防误存为.txt,记事本保存时须选“所有文件”并手动输入完整后缀;Mac的TextEdit须设为纯文本模式。

HTML 文件后缀必须是 .html 或 .htm
浏览器只认这两个后缀来解析 HTML,哪怕内容完全正确,保存成 .txt、.md 或没后缀,双击打开就是纯文本,不会渲染页面。
Windows 默认隐藏已知文件后缀,容易误存为 index.html.txt——看着像 HTML,实际是文本文件。务必在文件资源管理器中开启“显示文件扩展名”,手动删掉多余的 .txt。
用记事本保存时必须选“所有文件”并手动加 .html
记事本默认保存类型是“文本文档(.txt)”,即使你在文件名里写了 page.html,它也会强制改成 page.html.txt。
正确操作:
- 点击“另存为”
- 在“保存类型”下拉菜单中选“
所有文件” - 在“文件名”框中完整输入
index.html(包括点和后缀) - 编码选
UTF-8(避免中文乱码)
代码里带图片对齐属性,不影响文件保存,但影响最终效果
比如写 ,这个 
align 是旧属性,现代浏览器虽还支持,但已废弃;更可靠的是用 CSS: 或 
。
保存文件本身不依赖这些样式,但如果你发现图片没按预期对齐,问题一定出在写法过时或 CSS 作用域不对,而不是保存步骤错了。
Mac 上用 TextEdit 保存要关掉“富文本”,否则存出来不是纯 HTML
TextEdit 默认是富文本编辑器,直接“另存为”会生成带格式的 RTF 或乱码 HTML。
必须先:
- 打开 TextEdit → 偏好设置 → “新建文档”里勾选“纯文本”
- 或者临时切换:菜单栏
格式 → 使纯文本 - 再“另存为”,格式选“
Plain Text”,后缀手动写.html
不关富文本,存出来的文件浏览器打不开或显示源码。
文件能不能正常打开,只取决于三件事:后缀是不是 .html、内容是不是纯文本、编码是不是能被浏览器识别。其余所有“美化”“对齐”“样式”问题,都是打开之后才开始的事。
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











