2024最新Web前端经典面试题及答案(1)，2024年前端工作或更难找

PS: 内容超长，请注意！

HTML篇

---

1.你是怎么理解HTML语义化

2.你用过哪些HTML5标签

3.meta viewport 是做什么用的，怎么写？

4.H5是什么

5.label标签的作用

6.行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？

7.a标签中 如何禁用href 跳转页面 或 定位链接

8.canvas在标签上设置宽高 和在style中设置宽高有什么区别

9.你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?

10.iframe有哪些缺点？

11.HTML5新特性

12.HTML5离线储存

13.浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢

14.Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?

15.HTML与XHTML——二者有什么区别

…

CSS篇

---

1.页面渲染时，dom 元素所采用的 布局模型,可通过box-sizing进行设置。根据计算宽高的区域可分为：

2.ie盒模型算上border、padding及自身（不算margin），标准的只算上自身窗体的大小 css设置方法如下：

3.几种获得宽高的方式 :

4.拓展各种获得宽高的方式 :

5.边距重叠解决方案(BFC) BFC原理

6.css reset和normalize.css有什么区别：

7.居中方法：

8.css优先确定级