Web前端面试必问题库（超详细接地气版）.docxVIP

Web前端面试必问题库（超详细接地气版）

一、HTML核心必问

1、HTML5新增特性有哪些？日常用到哪些？

我日常开发用得最多的是语义化标签、本地存储、表单新特性，还有媒体标签。

语义化标签：header、nav、main、section、footer、aside，好处是代码结构清晰、利于SEO、方便设备适配和读屏设备识别。

存储相关：localStorage、sessionStorage，替代传统cookie存本地数据，容量更大、操作更简单。

媒体标签：audio、video，不用第三方插件就能直接播放音视频。

表单新增：input的tel、email、number、date类型，自带校验规则，还有placeholder、required属性，减少自定义校验代码。

另外还有canvas绘图、svg图形、websocket长连接、地理定位这些，项目中按需使用。

2、什么是语义化标签？为什么要用？

简单说就是标签名能直接看出内容用途，不是全用div、span这种无意义标签。

核心好处三点：第一，代码可读性高，别人接手我的项目，看标签就知道哪块是导航、哪块是主体；第二，对SEO友好，搜索引擎能精准识别页面结构，提升收录权重；第三，适配无障碍设备，盲人读屏软件能正常解析页面模块。

3、src和href的区别

href是关联资源，用来建立当前页面和外部资源的链接关系，不会阻