面试题：前端

前端工程师岗位相关的基础、框架、浏览器、性能和工程化面试准备。

<!doctype html> 的作用是什么，不写会触发什么渲染模式？

doctype 的作用是告诉浏览器按标准模式解析页面，少写或写错时可能进入怪异模式，导致盒模型、布局和兼容行为偏离现代标准。

语义化 HTML 的核心价值是让结构本身表达含义，机器、辅助技术和后续开发者都能更准确地理解页面内容。

meta viewport 用来控制移动端布局视口和缩放规则，核心是让 CSS 像素宽度与设备屏幕宽度建立合理对应关系。

type 决定控件语义和输入能力，name 决定表单提交字段，autocomplete 影响浏览器自动填充和用户输入效率。

原生校验适合处理轻量、确定、即时的输入规则，但复杂业务校验仍需要前端逻辑和服务端校验共同兜底。

button 在表单中的默认类型是 submit，未显式声明时可能触发表单提交，导致弹窗关闭、接口误发或页面刷新。

H1-H6 表达文档结构和内容层级，字体大小只表达视觉效果；标题层级混乱会影响阅读、可访问性和 SEO 理解。

data-* 适合给 HTML 元素挂少量页面行为需要的非敏感元数据，不适合存复杂业务状态、敏感信息或会频繁变化的大对象。

details / summary 适合实现简单的展开收起内容，浏览器提供基础语义、键盘操作和 open 状态；复杂动画、受控状态和跨组件联动仍更适合手写或组件封装。

table 适合展示二维表格数据，thead、tbody、tr、th、td、caption 等结构能帮助浏览器、屏幕阅读器和开发团队理解表头、数据区和单元格关系。