能做,但需处理三个细节:保存时选“所有文件”并确保扩展名为index.html、显示文件扩展名以确认无.txt后缀、HTML必须含DOCTYPE声明和完整结构,且用UTF-8编码。

能做,但三个细节不处理好,你永远看不到网页效果。
保存类型必须选“所有文件”,否则实际是 .txt
记事本默认保存为 .txt,哪怕你在文件名栏里输入 index.html,它也会偷偷变成 index.html.txt——浏览器根本不会把它当网页打开。
- 在「另存为」对话框中,把「保存类型」下拉菜单从
文本文件(*.txt)改成所有文件 - 「文件名」栏里完整输入:
index.html(不能带引号,也不能漏掉.html) - 检查保存后图标:应该是浏览器图标,不是记事本图标;如果还是记事本图标,说明扩展名没生效
必须显示文件扩展名,否则看不见真实后缀
Windows 默认隐藏扩展名,你看到的 index.html 很可能其实是 index.html.txt,只是被系统“藏”起来了。
- 打开任意文件夹 → 顶部菜单点「查看」→ 勾选「文件扩展名」
- 确认文件名显示为
index.html,而不是index.html.txt或只有index - 如果发现是
.txt结尾,右键重命名,删掉.txt,只留.html
HTML结构不能太简陋,否则浏览器当纯文本渲染
只写 ,某些浏览器(尤其是旧版 Edge 或 IE 兼容模式)会直接显示源码,而不是渲染成标题。Hello
- 必须包含
声明 - 必须有完整的
结构xxx ... - 推荐用这个最小可运行模板(复制粘贴即可):
<meta charset="UTF-8"><title>我的页面</title><h1>你好世界</h1> <p>这是第一段文字</p>
浏览器缓存会导致改了也看不到效果
你明明改了代码、按 Ctrl+S 保存了,双击打开却还是旧内容——大概率是浏览器缓存没刷新。
- 双击打开后,在浏览器里按
Ctrl + F5强制刷新(不是普通 F5) - 或者右键文件 → 「在新标签页中打开」,避免复用旧缓存
- 更稳妥的做法:每次修改后,关闭浏览器标签再重新双击文件
最容易被忽略的是编码和扩展名联动问题:UTF-8 编码设对了,但扩展名被隐藏导致实际是 .txt;或者扩展名对了,但编码选成 ANSI,中文就全变乱码。这两件事得一起确认,缺一不可。
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











