HTML 基础知识速览
一、文档骨架
1. 必备结构
<!doctype html>、html、head、body 构成页面最小闭环。
2. meta 常用项
至少关注 charset、viewport、description。
3. 语义化标签
优先使用 header/main/section/article/footer，便于可访问性与 SEO。
二、资源与性能
1. 脚本加载
defer 优先，避免阻塞解析；async 适合互不依赖脚本。
2. 图片策略
按场景使用 srcset、loading="lazy"、现代格式（WebP/AVIF）。
3. 首屏初始化
关键样式内联，非关键资源延迟加载。
三、表单基础
1. 输入类型
使用正确 type（email/number/date）可获得原生校验与移动端键盘优化。
2. 可访问性
label for 与控件 id 成对出现。
30 秒口述模板
我会把「HTML」分成三层来讲：先讲核心概念和它解决的问题，再讲一个高频场景与实现思路，最后补充常见坑点和优化方向。这样既能回答基础问题，也能接住面试官追问。
2 分钟口述模板
如果展开讲，我会按“定义 -> 原理 -> 场景 -> 取舍”四步回答。先说明「HTML」解决的核心问题和边界；再讲 1 到 2 个关键机制，解释为什么这样设计；然后结合一个真实业务场景说明如何落地；最后补充常见坑点、性能或稳定性优化，以及与相近方案的取舍标准。
这样回答的好处是：既有原理深度，也有工程落地感，面试官继续追问到实现细节时也能自然展开。