Scribd Logo
Upload

Welcome to Scribd!

  • HTML5 WTF

    Uploaded by

    ThanhHuuNguyen
    12 views22 pages
    A good slides about HTML5

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    A good slides about HTML5

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    12 views22 pages

    HTML5 WTF

    Uploaded by

    ThanhHuuNguyen
    A good slides about HTML5

    Copyright:

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

    HTML

    5
    WTF?
    html timeline
    1980 1989 19961997 19992000 2008
    ENQUIRE
    HTML
    HTML2.0
    HTML3.2
    HTML4
    HTML4.01
    ISO/IEC 15445:2000
    HTML5
    working draft
    xhtml timeline
    2000 2008
    XHTML1.0
    XHTML5
    alongside HTML5
    XHTML1.1
    XHTML2
    HTML4.01
    FINISHED
    in
    2O22
    WTF?
    compatibility
    Opera, Chrome, Safari & Firefox

    <TODAY>
    HTML5
    internet explorer
    DEAD
    END
    <javascript> to the rescue!
    IE does not HTML5
    nor
    do i
    says Firefox2
    html5 minified
    no
    body?
    <!DOCTYPE html>
    <title>HTML 5</title>
    <p>Hello world</p>
    i validator
    no
    head?
    looks the
    old
    <div id=header>
    <div id=footer>
    <div id=sidebar>
    <div id=nav>
    <div class=section>
    <div class=article>
    new
    <header>
    <footer>
    <aside>
    <nav>
    <section>
    <article>
    <tagsoup>
    side by side
    </close> elements
    X
    H
    T
    M
    L
    H
    T
    M
    L
    5
    always use quotes
    lowercase <tags>
    no empty attributes
    YOU
    CHOOSE
    bye bye
    <acronym> <basefont>
    <big>
    <center> <font>
    <s>
    <strike>
    <tt>
    <u>
    cellpadding
    cellspacing
    width
    height
    valign
    size
    clear
    attributes
    element
    hello
    <nav>
    web forms
    2.0
    <header>
    <footer>
    <aside>
    <article>
    <section>
    <time>
    type
    required
    validation
    email
    url
    date
    time
    color picker
    min / max
    oninvalid
    <mark>
    <meter>
    <video>
    <canvas>
    autocomplete
    contenteditable
    <video & audio>
    <video>
    <video src=x.mp4 controls autobufer>
    for those who cant see this movie
    </video>
    look
    no flash
    styleable
    <examples>
    youtube.com/html5
    9elements.com/io/projects/
    html5/canvas
    audio &
    canvas
    video
    drag & drop
    web workers
    threaded <javascript>
    non blocking UI
    geolocation
    ask the users location
    see Google Maps
    like the
    iPhone
    web apps
    <vs>
    desktop apps
    offline storage
    Gmail
    closing
    the gap
    </thanks>
    simon schoeters @cimm www.sufx.be
    theme based on m. jackson wilikinsons presentation at http://i5.be/W5

    You might also like