Web前端高频面试题及详细答案（实战版）.docxVIP

Web前端高频面试题及详细答案（实战版）

一、HTML基础面试题

1.HTML5新增特性有哪些？

答：日常开发中常用的HTML5新特性主要分为几类，都是实际项目高频用到的：

1.语义化标签：解决了旧版HTML全靠div布局、结构不清晰的问题，常用的有header、nav、main、section、article、aside、footer，能清晰区分页面结构，利于SEO和代码维护。

2.多媒体标签：新增audio音频、video视频标签，无需依赖Flash插件，直接支持网页音视频播放，兼容性现在所有主流浏览器都覆盖。

3.表单增强：新增input类型（date、time、email、number、tel）、表单验证属性（required、pattern、maxlength）、placeholder提示文字，简化表单校验开发。

4.本地存储：新增localStorage、sessionStorage，替代传统cookie的部分场景，存储容量更大、使用更便捷。

5.画布与图形：canvas画布用于绘图、动画、数据可视化，svg矢量图形用于图标、简单图形，缩放不失真。

6.其他能力：拖拽API、地理位置API、网页全屏API、WebSocket双向通信等。

2.语义化标签的好处是什么？

答：第一，代码结构清晰，可读性高，团队协作时别人能快速看懂页面模块分布，不用靠注释