前端新手遇到的问题 ---含“article与section区别、height:100%意义、canvas播放视频”知识

问题源自知乎—浪子神剑老师的前端面试每日 3+1，我仅在此为大家提供解题方案以及思路，在此感谢浪子神剑老师。

1. [html] HTML5中的article和section有什么区别？

2. [css] body{height:100%}和html,body{height:100%}有什么区别？为什么html要设置height:100%呢，html不就是整个窗口吗？

3. [js] 写一个方法，实现使用canvas播放视频？

问题1：[html] HTML5中的article和section有什么区别？

HTML5提供了新的语义元素来明确一个Web页面的不同部分。

• <header>：描述了文档的头部区域，于定义内容的介绍展示区域
• <nav>：定义导航链接的部分。
• <section>：定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分，section通常 包含了一组内容及其标题。
• <article>：定义独立的内容。
• <aside>：定义页面主区域内容之外的内容（比如侧边栏）。
• <figure>：标签规定独立的流内容（图像、图表、照片、代码等等）。
• <figcaption>：定义 <figure> 元素的标题。
• <footer>：述了文档的底部区域，一个页脚通常包含文档的作者，著作权信息，链接的使用条款，联系信息等。

首先查看文档可以了解到article与section的区别，article主攻于文章的内容，section主攻于文章的章节介绍或者文档其它部分。