Web工程师面试题及详细答案.docxVIP

Web工程师面试题及详细答案

一、基础技术题（HTML/CSS/JS）

1.题目：说说HTML5的新特性，结合实际项目举2个应用场景

详细答案：HTML5的核心新特性分三类——语义化标签、原生API、多媒体支持。语义化标签比如header过去全用嵌套的写法，不仅让代码结构更清晰，还能提升SEO（搜索引擎抓取时能识别内容层级）；原生API包括本地存储（localStorage/sessionStorage）、Canvas、Geolocation（地理定位）、FormData等；多媒体支持则是原生```标签，不用依赖Flash。

实际项目中，比如做企业官网时，用顶部导航栏、放版权信息，开发时同事协作能快速定位代码块，后期维护也方便；做移动端表单类项目（比如报名系统），用HTML5新增的```，能原生唤起系统日期选择器和数字键盘，比自己写组件省代码，还能提升用户体验。

2.题目：CSS中BFC是什么？如何触发？实际开发中解决了什么问题？

详细答案：BFC（BlockFormattingContext，块级格式化上下文）本质是一个独立的布局环境，内部元素的布局不会影响外部元素，外部元素也不会干扰内部。

触发BFC的常见方式有5种：①根元素（`）；②浮动元素（float不为none）；③绝对定位/固定定位（position为