前端精简面试题大全（真实面试版+详细通俗答案）.docxVIP

前端精简面试题大全（真实面试版+详细通俗答案）

一、HTML核心面试题

1、HTML5新增了哪些常用标签？

答案：主要新增语义化标签和多媒体标签，日常开发最常用的：

语义化：header、footer、nav、aside、section、article、main

多媒体：video、audio、canvas

表单新增：input[type=tel/email/number/date]、datalist

好处：不用全用div堆砌，代码结构清晰，利于SEO和浏览器解析，可读性更高。

2、什么是语义化标签？为什么要用？

答案：语义化标签就是标签名自带含义，不是单纯用来布局的。

比如header是头部、nav是导航、footer是底部，不像div、span没有任何语义。

作用：

1.代码结构清晰，团队协作好维护；

2.搜索引擎更容易抓取页面内容，提升SEO；

3.适配屏幕阅读器，对残障用户更友好。

3、行内元素、块级元素、行内块元素区别？

答案：

块级元素：独占一行，宽高、内外边距都能设置，默认宽度100%。比如div、p、h1-h6、ul、li。

行内元素：不独占一行，同行显示，宽高无效，上下边距无效，左右边距有效。比如span、a、em、i。

行内块元素：同行显示，同时可以设置宽高、内外边距。比如img、input、button。

4、iframe的优缺点？

答案：

优点