一、HTML5 的应用场景
- 极具表现力的网页
- 网页应用程序
- PC端：iCloud、百度脑图、Office 365···
- APP端：淘宝、京东、美团···
- WeChat端：淘宝、京东、美团···
- 混合式本地应用
- PC端：网易云音乐、有道词典···
- APP端：淘宝、京东、美团···
- 简单的游戏
- 微信小程序
1.HTML5:更具有语义化的标签
2.语义化标签作用：
能够便于开发者阅读和写出更优雅的代码，代码如诗
同时让浏览器或是网络爬虫可以很好地解析，从而更好分析其中的内容
更好地搜索引擎优化
3.应用程序标签：
- DataList(数据列表)
- Progress(进度条)
- Meter(数值显示器)
4.常见的链接关系表
| alternate | 文档的可选版本（例如打印页、翻译页或镜像） |
| stylesheet | 文档的外部样式表 |
| start | 集合中的第一个文档 |
| next | 集合中的下一个文档 |
| prev | 集合中的前一个文档 |
| contents | 文档目录 |
| index | 文档索引 |
| glossary | 文档中所用字词的术语表或解释 |
| copyright | 包含版权信息的文档 |
| chapter | 文档的章 |
| section | 文档的节 |
| subsection | 文档的子段 |
| appendix | 文档附录 |
| help | 帮助文档 |
| bookmark | 相关文档 |
| nofollow | 用于指定 Google 搜索引擎不要跟踪链接 |
| licence | 一般用于文献，表示许可证的含义 |
| tag | 标签集合 |
| friend | 友情链接 |
5.SVG
Scalable Vector Graphics 可缩放矢量图形 基于可扩展标记语言
优势：体积小，质量高，效果好，可控程度高
使用 SVG File 的方式
- 使用 <embed> 标签
- 使用 <object> 标签
- 使用 <iframe> 标签
- Ajax方式加载
二、JavaScript API
- 核心平台提升
- 新的选择器
- Element.classList
- 访问历史API
- 全屏API
- 网页存储
- Application Cache
- localStorage
- sessionStorage
- WebSQL
- IndexedDB
- 设备信息访问
- 网络状态
- 硬件访问
- 设备方向
- 地理围栏
- 拖放操作
- 网页内拖放
- 桌面拖入
- 桌面拖出
- 文件
- 文件系统API
- FileReader
- 网络访问
- XMLHttpRequest
- fetch
- WebSocket
- 多线程
- 桌面通知
三、CSS
- New Selector
- Web Fonts
- Text Styles
- Opacity
- HSL Color
- Rounded Corners
- Gradients
- Shadows
- Background Enhancements
- Border Image
- Flexible Box Model
- Transforms
- Transitions
- Animations