前端面试题|一起学习

目录

H5的新特性有哪些？

div+css的布局较table布局有什么优点？

Label的作用是什么？是怎么用的？

---

H5的新特性有哪些？

• 画布(Canvas) API
• 地理(Geolocation) API
• 音频、视频API(audio,video)
• localStorage和sessionStorage
• webworker和 websocket
• header,nav,footer,aside,article,section
• web worker是运行在浏览器后台的js程序，他不影响主程序的运行，是另开的一个js线程，可以用 这个线程执行复杂的数据操作，然后把操作结果通过postMessage传递给主线程，这样在进行复杂 且耗时的操作时就不会阻塞主线程了

div+css的布局较table布局有什么优点？

正常场景一般都适用div+CSS布局，

优点

• 结构与样式分离
• 代码语义性好
• 更符合HTML标准规范
• SEO友好

Table布局的适用场景：

某种原因不方便加载外部CSS的场景，例如邮件正文，此时用table布局可以在无css情况下保持页面布局正常

Label的作用是什么？是怎么用的？

label标签来定义表单控制间的关系,当用户选择该标签时，浏览器会自动将焦点转到和标签相关的表单控件上。

<label for="Name">Number:</label>
<input type=“text“name="Name" id="Name"/>
<label>Date:<input type="text" name="B"/></label>

注：如有任何不妥之处，请评论或私信告知，谢谢！