常见前端高频面试题及详细答案（实用版）.docxVIP

常见前端高频面试题及详细答案（实用版）

一、HTML相关面试题

1.说说HTML5新增的特性

日常开发中常用的HTML5新特性主要分几类，都是实战中经常用到的：

语义化标签：新增header、nav、main、section、article、footer等标签，替代传统的div布局。好处是代码结构清晰、可读性强，同时利于搜索引擎爬虫抓取，提升页面SEO效果，也方便适配屏幕阅读器等辅助设备。

多媒体标签：audio音频标签、video视频标签，无需借助Flash插件，直接原生支持音视频播放，兼容性现在已覆盖所有主流浏览器。

表单新特性：新增input类型（number、tel、email、date、search等），自带原生校验规则；新增placeholder、required、autofocus、pattern等属性，简化表单校验开发。

本地存储：新增localStorage、sessionStorage，替代传统的cookie存储。容量更大、操作更简单，无需每次随请求携带。

其他核心能力：Canvas画布绘图、SVG矢量图形、WebSocket长连接、地理位置定位、拖拽API等。

2.什么是语义化HTML？好处是什么？

语义化简单说就是用合适的标签做合适的事，让标签自带含义，而不是全部用div、span堆砌页面。