前端面试题大全及详细答案.docxVIP

前端面试题大全及详细答案

一、HTML基础（高频基础题）

1.请说说HTML5新增了哪些标签和特性？

答：HTML5在原有HTML基础上，新增了语义化标签、表单特性、多媒体特性等，核心内容如下：

（1）新增语义化标签：解决传统div标签语义模糊的问题，便于搜索引擎解析和开发者维护，常用的有：header（页面头部）、footer（页面底部）、nav（导航栏）、section（页面区块）、article（独立文章内容）、aside（侧边栏）、main（页面主要内容）。

注意：语义化标签本质上和div一样是块级元素，只是增加了语义，不能替代div，需根据场景合理使用，比如nav标签内只能放导航相关内容，不能随意嵌套无关元素。

（2）新增表单特性：优化表单交互和数据验证，提升用户体验，主要包括：

①新增表单类型：email（邮箱输入框，自动验证格式）、tel（电话输入框，移动端会唤起数字键盘）、number（数字输入框，可限制最大值、最小值和步长）、date（日期选择器，无需自定义插件）、time（时间选择器）、range（滑块控件）、search（搜索框，自带清空按钮）、color（颜色选择器）。

②新增表单属性：required（必填项，未填写时提交会提示）、placeholder（输入提示文本，点击输入框后消失）、autofocus（页面加载完成后自动聚焦该输入框）、aut