HTML5 new features Learning-2

This paper is to consolidate the foundation

HTML5 Drawing Basics

<canvas> use of canvas elements

<div>        <canvas id="can" width="200px " height= " 200px "></canvas></div>

$ (document). Ready (function () {    //document.getElementById ("Can") '    var ' Context=document.getelementbyid ("can"). GetContext ("2d  ");    Context.fillstyle="#ccc";    Context.fillrect (+,+,+);});

Application cache (application cache)?

HTML5 introduces application caching, which means that Web applications can be cached and accessed without an Internet connection.

Application caching brings three benefits to your app:

• Offline Browsing-users can use them when the app is offline
• Speed-cached resources are loaded faster
• Reduce server load-The browser will download only updated or changed resources from the server.

Web WorkeR is a JavaScript that runs in the background and does not affect the performance of the page.

HTML5 Server Send events (Server-sent event) allow Web pages to get updates from the server.

HTML5 new features Learning-2