前端面试题目及答案.docxVIP

前端面试题目及答案

一、HTML相关

什么是HTML5新特性？

答案：语义化标签（header、footer、nav、section、article）、表单新控件、音频视频标签（audio、video）、Canvas、SVG、本地存储（localStorage、sessionStorage）、地理位置、拖放API、WebSocket等。

src和href的区别？

答案：src用于引入资源，会暂停页面解析去加载资源，如script、img、iframe；href用于建立链接，不会阻塞页面解析，如a标签、link标签。

行内元素和块级元素的区别？

答案：块级元素独占一行，可设置宽高、内外边距，可包含行内和块级元素；行内元素不换行，宽高由内容决定，垂直方向内外边距不生效，只能包含文本或行内元素。

alt和title的区别？

答案：alt是图片加载失败时的替代文本，用于提升可访问性；title是鼠标悬浮时的提示文本，用于补充说明。

二、CSS相关

CSS选择器优先级？

答案：!important行内样式ID选择器类选择器、属性选择器、伪类元素选择器、伪元素通配符。

盒模型有哪两种？

答案：标准盒模型：width/height只包含content；怪异盒模型（IE盒模型）：width/height包含content