html文件后缀必须是.html而非.txt，保存时需选“所有文件”、手动输入完整文件名并设utf-8编码；开头必须包含doctype、lang和meta charset三要素，标签嵌套须符合块级/行内规则，路径用相对路径且统一用正斜杠。
HTML 文件后缀必须是 .html，不是 .txt
新手第一次保存文件时，记事本默认会加 .txt 后缀，结果你看到的是 index.html.txt，浏览器根本不会解析它。右键文件 → “属性” → 确认“名称”栏显示的是 index.html，而不是带 .txt 的名字。Windows 资源管理器默认隐藏已知文件扩展名，记得在“查看”选项卡里勾选“文件扩展名”。
DOCTYPE 和 lang 属性不能省，否则中文乱码+排版错乱
不写 ，浏览器就进怪异模式；不写 <code>lang="zh-CN"，屏幕阅读器和搜索引擎识别不准；不写 <meta charset="UTF-8">，中文直接变方块或问号。这三行是硬性开头，缺一不可：
<meta charset="UTF-8"><title>页面标题</title><h1>你好</h1>
标签嵌套不能乱来，p 里不能放 div
HTML 有明确的块级/行内分类规则：p、h1～h6、div 是块级，span、a、strong 是行内。常见错误包括：
-
p标签里直接写div—— 浏览器会自动闭合p，导致结构意外断裂 - 用
div替代所有语义标签（比如全用div写导航、页脚）—— 搜索引擎看不懂，无障碍设备读不出 -
img标签漏写src属性 —— 页面空白，控制台报Failed to load resource
路径写相对路径，别用绝对路径
本地开发阶段，图片、CSS、JS 都用相对路径，比如：
- 同目录：
<img src="logo.png"> - 子目录：
<img src="images/avatar.jpg"> - 上一级：
<link rel="stylesheet" href="../css/style.css">
绝对路径（如 C:\project\img\icon.png 或 file:///C:/...）只在你本地能跑，发给别人或上线就 404。另外，路径里的斜杠统一用正斜杠 /，Windows 下也别写反斜杠 \。
真正容易被忽略的，是字符编码和标签嵌套这两点 —— 它们不出错时不显眼，一出就是整页渲染异常或 SEO 失效，而且调试起来毫无头绪。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
