HTML5核心知识

HTML5

一. 什么是HTML5

html的第五代产品

二.HTML5的优势

• 1.语义化标签
• 2.更强的本地存储能力和设备兼容性：indexDB，HTML5 APP cookie，可以用直接调用摄像头等
• 3.更有效的实时连接，的利益 Server-Sent Event和WebSockets就是其中的两个特性，可以开发更有效的开发实时聊天，实时网页游戏
• 4.网页多媒体特性 audio video标签可以直接链接音频和视频
• 5.三维、图形及特效特性 SVG、Canvas、WebGL及CSS3的3D功能
• 6.更优异的性能和移值性

三.常用的HTML5标签

四.HTML5的存储能力

一般用来存储用户的一个登录状态

H5的离线存储能力
写法 头部加上 manifest = “cache.mainfest”;

...
html>

新建 cache.manifest 文件添加以下内容

CACHE MANIFEST
#v0.11

CACHE:

./web/myapp.js
./web/myapp.css

NETWORK:
./web/demo.css

FALLBACK:
a.html ./404.html

CACHE:需要进行缓存的资源，包括manifest文件
NETWORK：表示只有在线情况才能访问，不会被离线存储
FALLBACK：表示失败指向页面 如上表示a.html找不到跳转到404.html

五、Websocket

Web socketAPI 详细文档

六、canvas和SVG

详细内容参考官方文档

canvas和SVG的API示列：
Canvas 文档