Scribd Logo
Upload

Welcome to Scribd!

  • HTML 5 基础

    Uploaded by

    stimualnt
    5 views28 pages
    HTML 5 基础

    Copyright

    © © All Rights Reserved

    Available Formats

    PPTX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    HTML 5 基础

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    5 views28 pages

    HTML 5 基础

    Uploaded by

    stimualnt
    HTML 5 基础

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 28

    HTML

    HTML 55

    2012-04
    2012-04


    HTML 5
    HTML 5 API

    HTML 5

    HTML
    HTML 2.0
    1995

    HTML 3.2
    1996

    HTML 4.0
    1997

    HTML 4.01
    1999

    XHTML 1.0

    XHTML 1.1

    XHTML 2.0

    2000

    2001

    HTML 5

    XHTML 5

    DTD

    HTML4.01 xhtml DTD


    HTML 5 <!DOCTYPE HTML>


    CSS


    <frame><frameset>
    HTML 4.01 HTML
    <table> align bgcolor
    <td> colspan rowspan

    <iframe> src


    object embed
    Tag <video>
    <audio>

    Ogg

    IE 9

    WebM

    FF

    Chrome

    Safari

    MPEG4


    <a> ping
    <input> type
    email,url,week

    Form

    HTML5 API

    HTML5 API

    1.Canvas & SVG


    2. postMessage
    3.HTML Editing
    4.History
    5.Drag & Drop
    6.Offline Apps

    HTML5 API

    7.Geolocation
    8.Dom Storage
    9.Selectors
    10.Web Sockets
    11.Workers

    Canvas API

    2D 3D

    Canvas API
    HTML5 SVG
    Canvas

    SVG

    PNG

    HTML

    HTML

    JS

    JS CSS

    path

    postMessage

    postMessage

    postMessage

    HTML Editing

    contenteditable="true

    History
    IE
    window.history.pushState
    history
    popState

    Geolocation

    JS

    Dom Storage


    window.sessionStorage/window.localStorag
    e
    setItem(key, value), removeItem(key),
    getItem(key), key(index), clear(), length

    Selectors

    document query
    document.querySelector(#id
    input[type=radio]:checked)
    document.querySelectorAll(div)

    Web Sockets
    FF IE9 IE10
    MozWebSocket
    WebSocket
    onopen,onmessage,onclose,onerror

    send(msg),close()
    url ws://

    Workers
    IE9 IE10
    var w = new Worker('test.js');
    w.onmessage=function (event)
    {event.data; };
    w.onerror=function (event)
    {console.log(event.message, event); };
    JavaScript postMessage(msg)


    http://www.benjoffe.com/code/tools/function
    s3d/
    http://html5demos.com/
    http://www.html5rocks.com/en/
    http://www.findmebyip.com/litmus/
    http://en.wikipedia.org/wiki/Comparison_of_l
    ayout_engines_(HTML5)
    http://www.w3.org/TR/#tr_Javascript_APIs
    http://www.apple.com/html5/


    http://html5test.com/

    You might also like