HTML5 Introduction

本文详细介绍了HTML5的发展历程、浏览器支持情况以及新增的各种特性,包括语义化标签、离线存储、多媒体支持等,并对比了与HTML4.01的区别。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

 

 

 

 

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值