一个index.html文件即可直接浏览器打开,需用纯文本编辑器保存为utf-8编码、.html后缀;最简结构5行缺一不可;双击打开受限于file://协议,推荐用live server插件启动本地http服务。

直接打开浏览器就能看的网页,不需要服务器、不用部署,一个 index.html 文件就够了。
用记事本就能写,但别用Word或WPS
Word这类软件默认保存为富文本(比如 .docx),会偷偷塞进不可见格式字符,浏览器一读就报错或乱码。必须用纯文本编辑器:系统自带的记事本(Windows)、TextEdit(macOS 切换到纯文本模式)、VS Code、Sublime Text 都行。
- 保存时选「所有文件」,不是「文本文档」
- 文件名必须带
.html后缀,比如index.html或page.html - 编码选
UTF-8(记事本里是「另存为」右下角的编码选项)
最简HTML结构只有5行,缺一不可
浏览器靠特定标签识别这是HTML,不是普通文本。少一个关键标签,可能显示为空白页,或者只渲染文字不解析结构。
将 Markdown 文章转换为微信公众号兼容的纯 HTML 格式。当用户要求"转成微信格式"、"生成公众号文章 HTML"、"排版到微信草稿箱"、"微信粘贴格式"时触发。输出带内联样式的纯 HTML,微信编辑器可直接渲染,无需额外适配。支持标题、段落、列表、粗体、行内代码、表格、引用块、代码块、配图的完整转换。
<title>我的第一个网页</title>Hello World
必须顶格写在第一行,不能有空格或注释在它前面,否则触发怪异模式(Quirks Mode)-
是根元素,和必须在里面,顺序不能颠倒 -
<title></title>内容会出现在浏览器标签页上,不写也能运行,但建议补上
双击打开 vs 拖进浏览器,结果可能不一样
本地双击 index.html 时,地址栏显示的是 file:/// 开头的路径。这时候某些功能会失效——比如 fetch() 读本地JSON、localStorage 在部分浏览器中受限、甚至某些CSS动画不触发。
- 开发阶段更稳妥的做法:用 VS Code 装
Live Server插件,右键「Open with Live Server」,自动起一个http://127.0.0.1:5500服务 - 如果只是静态展示文字图片,双击完全没问题;但只要涉及JS交互或后续要加后端,从第一天就该用本地服务打开
- Chrome 对
file://协议限制越来越严,Firefox 相对宽松,但别依赖这个差异
新手最容易卡在「写了却看不到效果」,问题往往出在文件后缀没改对、编码选错、或者多打了空格让 失效。真出问题,先右键「查看页面源代码」,确认看到的是你写的那几行,而不是一堆乱码或空白。
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!










