Web前端高频面试题及详细答案.docxVIP

Web前端高频面试题及详细答案

一、基础必问（高频，入门级）

1.说说HTML、CSS、JavaScript三者的关系

答案：三者是前端开发的核心三要素，分工明确、协同工作，缺一不可。

HTML是“结构”，负责搭建页面的骨架，比如页面里的标题、段落、图片、按钮，只定义“有什么”，不负责样式和交互；

CSS是“样式”，负责美化页面骨架，比如设置字体大小、颜色、布局、间距，让页面更美观、更符合设计需求，只负责“长什么样”；

JavaScript是“行为”，负责实现页面的交互和动态效果，比如点击按钮弹出弹窗、表单验证、页面滚动动画，让页面“活起来”。

简单总结：HTML搭骨架，CSS穿衣服，JS赋予灵魂。实际开发中，三者配合，才能做出完整、美观、可交互的网页。

2.什么是DOCTYPE？它的作用是什么？

答案：DOCTYPE是DocumentTypeDeclaration（文档类型声明）的缩写，它不是HTML标签，是一个声明，放在HTML文档的最顶部（html标签之前）。

核心作用：告诉浏览器，当前网页使用的是哪个HTML版本的规范，让浏览器以对应的渲染模式解析页面，避免出现“怪异模式”（QuirksMode）。

比如我们现在常用的HTML5，DOCTYPE声明就是!DOCTYPEhtml，简单且唯一；如果不写DOCTYPE，浏览器会默认以怪异模式渲染，导致页面布局错