前端开发面试题及答案
一、HTML相关1. 请解释一下HTML、XHTML和HTML5的区别。
HTML是HyperText Markup Language的缩写，即超文本标记语言，是用于创建网页的标准标记语言，XHTML是eXtensible HyperText Markup Language的缩写，即扩展超文本标记语言，是基于XML的一种标记语言，是HTML的严格版本，HTML5则是HTML的最新版本，引入了许多新的元素和API，支持多媒体内容、图形绘制、离线应用等功能。
2. 什么是语义化标签？为什么要使用语义化标签？
语义化标签是指具有明确含义的HTML标签，如、、等，使用语义化标签可以让网页的结构更加清晰，提高可读性，同时有利于搜索引擎优化和辅助阅读器的阅读。
3. HTML5有哪些新特性？
HTML5引入了许多新特性，包括音视频元素（和）、图形绘制（Canvas和SVG）、离线应用（LocalStorage和IndexedDB）、语义化标签等。
二、CSS相关1. CSS选择器有哪些？请列举几种常用的选择器。
CSS选择器有很多种，常用的包括元素选择器、类选择器（.）、ID选择器（#）、属性选择器（[]）、伪类选择器（:hover、:active等）和伪元素选择器（::before、::after等）。
2. CSS有哪些布局模型？请列举几种常用的布局模型。
CSS的布局模型包括块模型、内联模型、定位模型和浮动模型等，常用的布局模型有Flexbox（弹性盒子）、Grid（网格）和Positioning（定位）。
3. CSS3有哪些新特性？
CSS3引入了许多新特性，包括圆角（border-radius）、阴影（box-shadow）、渐变（gradients）、过渡（transitions）和动画（animations）等。
三、JavaScript相关1. 请解释一下JavaScript中的变量和作用域。
JavaScript中的变量用于存储数据，作用域则是指变量的可见范围，变量的作用域可以是全局作用域或局部作用域，根据作用域的不同，变量的生命周期和可见性也会有所不同。
2. 请解释一下JavaScript中的回调函数和事件。
回调函数是指将函数作为参数传递给其他函数，并在适当的时候由其他函数调用的函数，事件则是用户在网页上执行的动作，如点击、拖动等，事件处理程序通常是一个回调函数，用于处理特定的事件。
3. 请解释一下JavaScript中的异步编程和Promise对象。
异步编程是指在等待某些操作完成的过程中不阻塞其他代码执行的编程方式，Promise对象是JavaScript中用于处理异步操作的一种对象，它代表了一个最终可能完成或失败的操作及其结果值，Promise对象可以处于pending（等待中）、fulfilled（已成功）或rejected（已失败）三种状态之一。
