必须掌握5类高频HTML标签：4个基础容器（/）、2个带属性标签（）、3个表单核心（）、2个关键meta标签（charset/viewport），细节错误会导致静默失效。
刚接触 HTML，别急着背所有标签——先掌握这 5 类真正高频、即学即用的语句，就能写出结构清晰、能被浏览器正确解析的基础页面。
必须会写的 4 个基础容器标签
它们构成网页骨架，几乎所有页面都从这开始。漏掉或嵌套错，浏览器可能渲染异常甚至忽略后续内容。
-
是根元素，整个文档必须且只能有一个；放元信息（如），放可见内容 - 是无语义通用块级容器，适合布局分组；
是行内容器，改局部样式或加 JS 钩子时用- 新手常误把
当万能标签乱套，其实语义化优先：标题用–，段落用，列表用：相对路径注意当前文件位置；外链必须带协议，写成关于我href="https://example.com"：href="example.com"路径错图片就空白；
- 常见坑：
src是自闭合标签，不要写成alt；表单交互绕不开的 3 个核心标签
做登录、搜索、反馈等，不用 JavaScript 也能提交数据——靠的就是
-
：指定接收地址，决定 HTTP 方法（GET 显示在 URL，POST 更安全） -
action：method属性关键——后端靠它识别字段名；决定输入类型（name、type有原生校验） -
"email"：必须设"password"，否则点击不触发表单提交（默认是，啥也不干）
容易被忽略但影响实际效果的 2 个“小”标签
它们不显眼，但缺了会让页面在不同设备或搜索引擎里表现打折。
立即学习“前端免费学习笔记（深入）”；
-
type="submit"必须放在"button"最前面——否则中文变乱码，且部分浏览器只认这一行 -
：没有它，手机打开页面会自动缩放成“小地图”，用户得双指放大才能看清楚 - 这两个
标签都不需要闭合（HTML5 允许自闭合写法），但内容顺序不能颠倒
真正卡住新手的，往往不是“没学过什么”，而是
结构不完整、路径写错、或漏掉这类细节——浏览器不会报错，只会静默失效。先确保这几句写对，再谈样式和交互。 - 新手常误把
