前端工程师面试题及详细答案解析.docxVIP

前端工程师面试题及详细答案解析

一、HTML基础（5题）

1.请解释HTML语义化标签的作用及常用标签有哪些？

答案：

语义化标签的核心是让HTML结构更清晰、更具可读性，同时帮助搜索引擎理解页面内容（SEO优化），还能提升无障碍访问体验（屏幕阅读器可准确识别内容类型）。

常用语义化标签：（页面/区块头部）、导航栏）、（主要内容区）、区块）、（独立文章/内容块）、侧边栏/附属内容）、脚）、（媒体内容组，搭配。

**实战场景**：比如新闻详情页，用，+作者，放相关推荐，比全用`维护。

2.HTML5新增了哪些核心特性？

答案：

• 语义化标签（如上述提到的main等）；

• 媒体标签：（视频播放）、``（音频播放），无需依赖Flash；

• 表单增强：新增/date/number/search等类型，自带基础验证；实现下拉联想，progress显示进度条；

• 本地存储：localStorage（持久化存储，关闭浏览器不丢失）、sessionStorage（会话级存储，关闭标签页失效）；

• 其他：Canvas画布（2D绘图）、SVG矢量图、地理定位（navigator.geolocation）、WebWorkers（多线程处理耗时任务）。

3.简述``alt属性和title`属性的区别？

答案：

• alt属性：全称“altern