HTML5 Introduction

1. HTML5 History

HTML4.01 –1999.12
HTML5 – 2014.10– Done (8 years)
    In2006, WHATWG&W3C,     decide to create a new version ofHTML
    In2008, the first draft     has been published.
    In2012, Make sure the final     version of HTML5
    In2013, Publish the draft     version of HTML5.1
    In2014.10, Done and     publish with tears
    In2016, publish HTML5.1     for a plan (W3C).

2. Support of main browser

IE9+, Chrome, Firefox, Safari,Opera and domestic browsers

技术分享

Total:550

Date:2014.12.18

3. HTML5 new attributes

3.1 Semantic

Div, table à<article> <aside> <figcaption> <figure> <footer><header> <hgroup> <nav> <section> <time>

技术分享

3.2 OFFLINE & STORAGE

Cookie: 4kb

Html5: 5M

Invoke method: Window.localStorage

Set value:
       localStorage.a = 3;
       localStorage["a"] = "sfsf";
       localStorage.setItem("b","isaac");
Get value:
           var a1 = localStorage.a;
           var a2 = localStorage["a"];
           var b = localStorage.getItem("b");
Clear item:
           localStorage.removeItem("c");

3.3 Device access

Microphones and camera

3.4  Connectivity

Server-Sent Event and WebSockets

3.5  MultiMedia                           

Video:

 技术分享

Video format: MP4 (H.264+AAC); OGV (Ogg Theora + Ogg Vorbis); WebM(VP8)

技术分享

3.6   3DGraphics & Effects

SVGCanvas

3.7 Performance and Integration

XMLHttpRequest2:fixed cross domain issue

Before:Jsonp[<script>] and access http in background

3.8 CSS3

More and stronger style

3.9  Local DB

DB path: C:\Users\cxji.CSICN\AppData\Local\Google\Chrome\UserData\Default\databases\ Databases.db

4. Advantages and disadvantages

技术分享 

 

 

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。