0% found this document useful (0 votes)
70 views30 pages

Dave Ross February 4, 2010

The document discusses the history and new features of HTML5. It describes how HTML5 aims to replace previous standards like HTML 4.01 and XHTML 1.1. New features include structural elements, attributes, support for inline SVG, MathML and canvas drawing. HTML5 also introduces APIs for local storage, geolocation, drag and drop, audio and video playback. The document outlines the standard's progress towards recommendation and notes that support is still evolving across browsers.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
70 views30 pages

Dave Ross February 4, 2010

The document discusses the history and new features of HTML5. It describes how HTML5 aims to replace previous standards like HTML 4.01 and XHTML 1.1. New features include structural elements, attributes, support for inline SVG, MathML and canvas drawing. HTML5 also introduces APIs for local storage, geolocation, drag and drop, audio and video playback. The document outlines the standard's progress towards recommendation and notes that support is still evolving across browsers.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

<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

You might also like