• 强制只用
  、

  、

  、

  、
• 标题必须严格嵌套：

  只能出现一次，

  下才允许

  ，不能跳级

• 所有图片必须带 alt 属性；若图仅为装饰，写 alt=""（空字符串），不是删掉该属性
• 检查生成的 DOM 结构：用浏览器开发者工具的「Accessibility」面板看是否报“missing heading level”或“image missing alt”

练「表单交互逻辑」：不依赖 JS 实现基础验证与反馈

表单是用户输入的第一道门，但多数人只写 就完事。HTML5 原生提供了足够强的约束能力，关键在用对属性。

• 用 required、minlength、maxlength、pattern（正则）、type="email" 或 type="url" 替代早期 JS 手动校验
• 必须与对应 id 匹配；点击 label 应能聚焦 input，否则可访问性失败
• 错误提示不要靠 JS 插入 ，优先用 :valid/:invalid 伪类 + title 属性触发原生提示
• 避免把多个 塞进同一个
  却无明确业务边界——例如“注册”和“密码找回”应分属不同

做「响应式图文页」：用 HTML 控制资源加载优先级

响应式不只是 CSS 媒体查询的事。HTML 层面的路径、尺寸、加载策略，直接影响首屏性能和移动端体验。

• 图片必须用 + + 组合，根据 media 或 srcset/sizes 提供不同分辨率资源
• 避免在 后靠 CSS 缩小显示——浏览器仍会下载全尺寸图
• 关键图片加 loading="eager"，折叠区域图片加 loading="lazy"（注意 Safari 旧版需 polyfill）
• 视频优先用 标签而非 iframe 嵌入，且至少提供 poster 和一个 （MP4）

搭「多页站点骨架」：验证链接、路径与文档一致性

单页写得再好，一旦变成多页网站，就容易暴露路径混乱、相对/绝对混用、重复