1、什么是H5？
H5不是特指某项技术，H5页面属于国内的叫法，是对产品的总称， 通俗来讲就是通过一系列技术的合集来完成一些炫酷炸天的页面。H5不同于HTML5，HTML5是新一代HTML的标准，其特性应基于：HTML、CSS、JavaScript。
2、HTML 5新增标签和特性有哪些？
- 结构标签包括 section、header、article、aside、nav、footer 等，特点是语义化，本身包含对结构的划分；
- 用于视频播放的 video 标签和用于音频播放的 audio 标签；
- 新增localStorage 和 sessionStorage 特性用于客户端存储数据，前者没有时间限制，除非主动删除数据，否则即使关闭浏览器，下次打开时数据也不会消失；后者在浏览器关闭前，数据会一直存在，页面刷新也不会清除；
- 用于绘画的 canvas 标签，在页面上设置一个可绘画的画布，可以对其进行操作；
- 同时新增诸如 media 属性用于不同设备的适配，aysnc 以及 defer 属性用于脚本加载等等不同功能的属性和标签。
3、meta viewport 是做什么用的，怎么写？
meta viewport是专为移动设备下显示所设计的。
meta 标签写在HTML文档头部，提供与页面相关的元信息。name 作为meta 标签的属性时有特殊的语义，用于定义文档级元数据的名称。
viewport 指用户网页的可视区域，当 name 的值为 viewport 时，可以在 content 中设置不同的有关的值来针对移动端网页进行优化，可设置的值具体见developer.mozilla.org/zh-CN/docs/…
常用写法如下：
<meta name="viewport" content="width=device-width, initial-scale=1.0">
4、如何理解 HTML 语义化？
根据内容和结构，选择合适的标签以及类名，便于开发者阅读和理解，便于浏览器和爬虫更好的进行识别，就是语义化。
专业一点来说，让代码语义化可以有以下的优点：
- 便于团队开发与维护；
- 有利于SEO优化，便于搜索引擎和爬虫对网页内容的抓取；
- 提高用户体验。
为了尽可能达到 HTML 语义化，应该：
- 减少使用无语义的 div 和类名，但不要滥用HTML5 新增的语义化结构标签，因为有的地方该用 div 还是要用，注意类名
