请写出至少 5 个 html5 新增的标签，并说明其语义和应用场景
这个问题可以参考：HTML5有哪些新特性?
我简单的从几个标签谢谢，具体的可以参考上面链接里，自己点进去看看就好
- header
- footer
- article
- details
- mark
header
如果页面中有一块包含一组介绍性或导航的区域， 应该用 header 元素对其进行标记。
一个页面可以有任意数量的 header 元素， 它们的含义可以根据其上下文而有所不同。
例如，处于页面顶端或接近这个位置的 header 可能代表整个页面的页眉（有时称为 页头）
通常，页眉包括网站Logo、主导航和其他全站链接，甚至搜索框。这是 header 元素最常见的使用形式。
footer
页面底部的页脚（通常包括版权声明， 可能还包括指向隐私政策页面的链接以及其他类似的内容）。
HTML5 的 footer 元素可以用在这样的地方， 但它同 header 一样， 还可以用在其他的地方。
footer 元素只有当它最近的祖先是 body 时， 它才是整个页面的页脚。
article
<article>元素可以是 一篇论坛帖子、一篇杂志或报纸文章、一篇博客详情、一则用户提交的评论或者任何其他独立的内容项。
<article>元素用来包裹独立的内容片段。
最明显的例子 就是博客正文。
details
details 标签定义元素的细节，用户可进行查看，或通过点击进行隐藏。
与 legend 一起使用，来制作 detail 的标题。该标题对用户是可见的，当在其上 点击时可打开或关闭 detail。
mark
mark 主要用来在视觉上向用户呈现那些需要突出的文字。mark 标签的一个比较 典型的应用就是在搜索结果中向用户高亮显示搜索关键词。
如果想偷懒的回答，也可以说说 HTML5语义化标签
更多HTML5新标签，可以通过 HTML标签速查表 查看
更多面试题
如果你想了解更多的前端面试题，可以查看本站的WEB前端面试题 ,这里基本包涵了市场上的所有前端方面的面试题，也有一些大公司的面试图，可以让你面试更加顺利。
| 面试题 | ||
|---|---|---|
| HTML | CSS | JavaScript |
| jQuery | Vue.js | React |
| 算法 | HTTP | Babel |
| BootStrap | Electron | Gulp |
| Node.js | 前端经验相关 | 前端综合 |
| Webpack | 微信小程序 | - |
这些题库还在更新中，如果你有不错的面试题库欢迎分享给我，我整理后放上来；人人为我，我为人人，互帮互助，共同提高，祝大家都拿到心仪的Offer！
