面试题
整理技术面试相关的准备笔记、题目复盘和工程经验回答，方便按面试场景集中浏览。
<!doctype html> 的作用是什么，不写会触发什么渲染模式？
doctype 的作用是告诉浏览器按标准模式解析页面，少写或写错时可能进入怪异模式，导致盒模型、布局和兼容行为偏离现代标准。
HTML前端高频题
语义化 HTML 对可访问性、SEO 和团队维护分别有什么影响？
语义化 HTML 的核心价值是让结构本身表达含义，机器、辅助技术和后续开发者都能更准确地理解页面内容。
HTML前端高频题
label、fieldset、legend 在表单可访问性里解决什么问题？
label 负责把文字说明和控件关联起来，fieldset 和 legend 负责把一组相关控件组织成可理解的表单分组。
HTML前端中频题
script、defer、async、type="module" 的加载和执行顺序有什么区别？
普通 script 会阻塞解析，defer 延后按顺序执行，async 下载完立即执行，type="module" 默认具备 defer 行为并按模块依赖加载。
HTML前端高频题
meta viewport 在移动端页面中解决什么问题，常见配置项有哪些？
meta viewport 用来控制移动端布局视口和缩放规则，核心是让 CSS 像素宽度与设备屏幕宽度建立合理对应关系。
HTML前端高频题
img 的 srcset、sizes、loading、decoding 分别适合什么场景？
srcset 和 sizes 解决响应式图片选择，loading 控制懒加载时机，decoding 控制图片解码是否阻塞渲染。
HTML前端高频题
iframe 的 sandbox、allow、referrerpolicy 分别限制什么风险？
iframe 安全要从权限、能力和来源信息三层看：sandbox 限制页面行为，allow 控制浏览器能力，referrerpolicy 控制来源泄露。
HTML前端中频题
preload、prefetch、preconnect、dns-prefetch 的使用边界是什么？
资源提示不是越多越好：preload 面向当前页面关键资源，prefetch 面向未来导航，preconnect 和 dns-prefetch 面向跨域连接准备。
HTML前端高频题
浏览器解析 HTML 时遇到 CSS、同步脚本、模块脚本分别会怎样阻塞？
HTML 解析、CSSOM 构建和脚本执行互相影响：CSS 通常不阻塞 DOM 解析，但会阻塞渲染和后续脚本执行；同步脚本会阻塞解析。
HTML前端高频题
如何设计一个对键盘和屏幕阅读器友好的搜索框或弹窗？
可访问的搜索框和弹窗要同时处理语义、焦点、键盘操作、状态反馈和关闭后的焦点恢复。
HTML前端中频题