<HTML5>
Dave Ross
February 4, 2010
HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
HTML 4.01
1999
HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
XHTML 1.1
2001
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
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 & Web Development Meetup : February 4, 2010
<!DOCTYPE html>
HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
Deprecated
<center>
<font>
<strike>
<frameset>
HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
New structural
(block semantical)
elements
header
nav
section
article
aside
footer
HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
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
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 : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
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
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
localStorage
API
HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
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
• 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
Standard Algorithms
Lexing
Parsing
Dealing with bad markup
HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
That’s not all.
http://en.wikipedia.org/wiki/HTML5
HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
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
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
HTML5-Shiv
http://html5shiv.googlecode.com/svn/trunk/html5.js
HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
Text
No Flash.
Full HTML5 support.
HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
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
slideshare.com/csixty4
suburbanchicagophp.org
HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
