3. Think of HTML5 as an addition to the HTML
family and not a replacement
4. Since the early days of the web, there have been many versions of HTML:
Ve r s i o n Ye a r
T im B e r n e r s - L e e i n v e n t e d www 1989
T im B e r n e r s - L e e i n v e n t e d H TML 1991
D a v e R a g g e t t d r a f t e d H TML + 1993
H Wo r k i n g G r o u p d e f i n e d H TML 2 . 0 1995
W3 C R e c omme n d e d H TML 3 . 2 1997
W3 C R e c omme n d e d H TML 4 . 0 1 1999
W3 C R e c omme n d e d X H TML 1 . 0 2000
H TML 5 WH ATWG F i r s t P u b l i c D r a f t 2008
H TML 5 WH ATWG L i v i n g S t a n d a r d 2012
H TML 5 W3 C F i n a l R e c omme n d a t i o n 2014
5. HTML5 Is a Work in Progress
• As cool as it is to see what HTML5 can do for you,
• It hasn’t been standardized like HTML4.
• You don’t have to worry about updating pages
built using HTML4. It’s more than ten years old
and it’s a set
6. Simplified Syntax
HTML2:<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0 Level 2//EN">
HTML3:<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 3.0//EN">
HTML4:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
HTML5:<!DOCTYPE html>
7. Simplified Syntax
<html xmlns=http://www.w3.org/1999/xhtml lang=”en” xml:lang=”en”>
We can just write:
<html lang=”en”>
9. On the HTML canvas, you can draw all kinds of
graphics, from simple lines, to complex graphic
objects.
10. New layout of html5 includes <header> and <footer> Elements
layout <section> and <article> Elements
11. Playing Videos& Audio in
HTML5
• Before HTML5, there was no standard for showing videos on a
web page.
• Before HTML5, videos could only be played with a plug-in (like
flash).
• The HTML5 <video> element specifies a standard way to
embed a video in a web page.
12.
13. No More <frame>, <center>,
<big>, <b> and <font>
No More <frame>, <center>,
<big>, <b> and <font> use CSS,
all the time.
14. Conclusion
• Use HTML5 with caution and be ready to make
updates.
• Stop using elements that HTML5 has kicked from the
code, and try using new HTML5 elements that are sure
to stick (<header>, <footer>, etc …).
• You might as well start getting into the habit of using
these, now.
•
