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核心知识_第1张图片

四.HTML5的存储能力

一般用来存储用户的一个登录状态
HTML5核心知识_第2张图片
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

HTML5核心知识_第3张图片
Web socketAPI 详细文档

六、canvas和SVG

详细内容参考官方文档

HTML5核心知识_第4张图片
canvas和SVG的API示列:
Canvas 文档

HTML5核心知识_第5张图片

你可能感兴趣的:(web开发,html)