一、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