前端高频面试题（含详细答案·可直接打印）.docxVIP

前端高频面试题（含详细答案·可直接打印）

说明：本题库整理一线互联网真实面试高频考点，答案通俗落地、无书面化空话，适合笔试、面试突击复习和日常巩固，可直接打印使用。

一、HTML核心面试题

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

答案：

结构类：header、nav、main、section、article、aside、footer

媒体类：video、audio、canvas、svg

表单类：input新增type（email、tel、number、date）、datalist、progress

其他：figure、figcaption、mark、time

补充：语义化标签的核心作用是提升代码可读性、利于SEO、方便设备解析，不是单纯的样式区别。

2、什么是HTML语义化？好处是什么？

答案：

语义化就是让标签自带含义，用对应的标签做对应的事，不用清一色div+span。

好处：

1、代码结构清晰，团队协作易维护；

2、搜索引擎可以识别页面结构，提升SEO排名；

3、适配读屏软件，对残障用户更友好；

4、移动端、爬虫解析更精准。

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

答案：

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

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

行