<HTML5>
                     Dave Ross
                   February 4, 2010




HTML 5 : Dave Ross : Suburban Chicago PHP &...
HTML 4.01
                                 1999




HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : F...
XHTML 1.1
                                 2001




HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : F...
HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
WHAT WG
Web Hypertext Application Technology
         Working Group




     HTML 5 : Dave Ross : Suburban Chicago PHP & W...
<!DOCTYPE html>



 HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
Deprecated

                        <center>
                        <font>
                        <strike>
             ...
New structural
 (block semantical)
  elements
      header
        nav
      section
       article
       aside
       fo...
New Attributes



<a href=”http://...” ping=”http://mysite.com/ping?12345”>Click me</a>

<script src=”http://...” async=”a...
Inline SVG and MathML



   HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
<canvas>
http://www.slideshare.net/csixty4/the-canvas-
                tag-2829634




            HTML 5 : Dave Ross : Su...
Inline semantic elements
 Mark: Show <m>highlighted text</m>

 Time: Meeting at <time>7:00pm tonight</time>

 Meter: I wou...
Input types
text, password, checkbox, radio, file

search, url, tel, email

range

color

date, time, datetime, month, wee...
localStorage
                                                   API



HTML 5 : Dave Ross : Suburban Chicago PHP & Web Dev...
Geolocation
   API



    HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
Drag and Drop



HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
<audio>


HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
<video>



  HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
YouTube Flash
HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
YouTube HTML5
HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
Codecs
                  • Safari and Chrome support
                  • High quality/low file size
                  • Ha...
Standard Algorithms


Lexing

Parsing

Dealing with bad markup




    HTML 5 : Dave Ross : Suburban Chicago PHP & Web Dev...
That’s not all.
http://en.wikipedia.org/wiki/HTML5




 HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup...
Who supports
            HTML5 today?
http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(HTML5)




          HTML...
When?

2012: W3C Candidate
Recommendation

2015: Marty McFly buys a
copy of Gray’s Sports
Almanac

2022: W3C
Recommendatio...
HTML5-Shiv
http://html5shiv.googlecode.com/svn/trunk/html5.js




             HTML 5 : Dave Ross : Suburban Chicago PHP &...
Text


                No Flash.
          Full HTML5 support.


HTML 5 : Dave Ross : Suburban Chicago PHP & Web Developme...
Dave Ross first used the web
 in 1995 and wondered what
           the big deal was.

    Today, he has ten years’
experie...
slideshare.com/csixty4

suburbanchicagophp.org


   HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : F...
Upcoming SlideShare
Loading in …5
×

What's new in HTML5?

7,074
-1

Published on

Presentation from the January, 2010 meeting of the Suburban Chicago PHP & Web Development Meetup on HTML5, the new "standard" for developing web sites.

Published in: Technology, Business
0 Comments
6 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
7,074
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
206
Comments
0
Likes
6
Embeds 0
No embeds

No notes for slide
  • The original HTML standards came out around 1992. In seven years we got up to 4.01.
  • HTML with XML syntax/formality
  • Moore&amp;#x2019;s Law continues to be in effect. Computers today are an order of magnitude faster than they were 10 years ago.
  • Broadband adoption skyrocketed. Internet use grew. People expect more.
  • Started in 2004.
  • Not SGML based. Doctype defined for browsers that do &amp;#x201C;doctype sniffing&amp;#x201D;. Not &amp;#x201C;html5&amp;#x201D; because of IE.
  • Do decoration with CSS
  • Stop making everything a &lt;div&gt;
  • Ping tells browser to do GET requests to sites w/o going there. Async script loading for scripts that aren&amp;#x2019;t something else&amp;#x2019;s dependancy.
  • SVG and MathML for advanced markup.
  • Canvas tag for dynamic images and animation
  • New ways to give your content meaning
  • Javascript API for a SQL data store in the browser. Replaces Google Gears.
  • Standard API for accessing GPS in mobile devices.
  • Drag and drop without libraries. Javascript API.
  • API for implementing an audio player.
  • API for playing video and implementing a player
  • YouTube&amp;#x2019;s normal interface, using Flash
  • YouTube&amp;#x2019;s HTML5 interface.
  • Wrapped up in politics. Firefox doesn&amp;#x2019;t want to call OS resources b/c that gives up portability. Licensing h.264 goes against open source ethos.
  • Standard behavior. Cutting back on rendering differences between browsers.
  • Do you want to be here all night? As usual, Wikipedia has the answers.
  • &amp;#x201C;Trident&amp;#x201D; is the IE rendering engine. Only supports a few minor things.
  • WHAT-WG submitted to W3C. Taking their time. This is why we&amp;#x2019;re still on HTML4, people!
  • Lets IE recognize block semantic elements and apply CSS. Doesn&amp;#x2019;t make IE compliant.
  • Have to talk about iPad (everyone else is). Big deal being made about lack of Flash. Has full HTML5 support.
  • Any questions?
  • If you want to see this presentation again, go here
  • What's new in HTML5?

    1. 1. <HTML5> Dave Ross February 4, 2010 HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    2. 2. HTML 4.01 1999 HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    3. 3. XHTML 1.1 2001 HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    4. 4. HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    5. 5. HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    6. 6. WHAT WG Web Hypertext Application Technology Working Group HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    7. 7. <!DOCTYPE html> HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    8. 8. Deprecated <center> <font> <strike> <frameset> HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    9. 9. New structural (block semantical) elements header nav section article aside footer HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    10. 10. New Attributes <a href=”http://...” ping=”http://mysite.com/ping?12345”>Click me</a> <script src=”http://...” async=”async”></script> HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    11. 11. Inline SVG and MathML HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    12. 12. <canvas> http://www.slideshare.net/csixty4/the-canvas- tag-2829634 HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    13. 13. Inline semantic elements Mark: Show <m>highlighted text</m> Time: Meeting at <time>7:00pm tonight</time> Meter: I would walk <meter>500</meter> miles Progress: <progress value=”5” max=”10”>50%</progress> Menu: <menu> and <command> HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    14. 14. Input types text, password, checkbox, radio, file search, url, tel, email range color date, time, datetime, month, week... HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    15. 15. localStorage API HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    16. 16. Geolocation API HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    17. 17. Drag and Drop HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    18. 18. <audio> HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    19. 19. <video> HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    20. 20. YouTube Flash HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    21. 21. YouTube HTML5 HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    22. 22. Codecs • Safari and Chrome support • High quality/low file size • Hardware decoding • YouTube • Firefox, Opera and Chrome support • Open source/patent free • Wikimedia (Wikipedia) HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    23. 23. Standard Algorithms Lexing Parsing Dealing with bad markup HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    24. 24. That’s not all. http://en.wikipedia.org/wiki/HTML5 HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    25. 25. Who supports HTML5 today? http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(HTML5) HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    26. 26. When? 2012: W3C Candidate Recommendation 2015: Marty McFly buys a copy of Gray’s Sports Almanac 2022: W3C Recommendation HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    27. 27. HTML5-Shiv http://html5shiv.googlecode.com/svn/trunk/html5.js HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    28. 28. Text No Flash. Full HTML5 support. HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    29. 29. Dave Ross first used the web in 1995 and wondered what the big deal was. Today, he has ten years’ experience as a professional web developer. He met his wife on a dating website. davidmichaelross.com Questions? HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    30. 30. slideshare.com/csixty4 suburbanchicagophp.org HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×