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

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

一、HTML基础面试题

1、HTML5新增特性有哪些？日常开发常用的是哪些？

参考答案：

不背官方冗杂列表，说开发实战常用的：

1.语义化标签：header、nav、main、section、article、footer，替代传统div堆砌，更利于SEO和代码可读性；

2.表单增强：新增input类型（date、tel、email、number）、表单验证、placeholder、required、autofocus；

3.多媒体能力：audio、video标签，无需插件直接播放音视频；

4.本地存储：localStorage、sessionStorage，替代传统cookie的存储局限；

5.其他常用：canvas绘图、svg、拖拽API、viewport移动端适配、WebSocket长连接。

面试加分点：语义化最大的作用不是样式，是结构清晰、利于爬虫解析、方便团队维护。

2、行内元素、块级元素、行内块元素的区别？

参考答案：

1.块级元素（div、p、h1-h6、ul、li）：独占一行，宽高、内外边距都可以设置，默认宽度100%父级宽度；

2.行内元素（span、a、i、em）：不独占一行，同行排列，无法设置宽高、上下边距不生效，只识别左右边距；

3.行内块（img、input、button）：结合两者优点，