7. When Will HTML5 Be Ready for Use?
2022
Do I Have to Wait Until 2022 ?
NO
8. New Structural Elements in HTML5
New Doctype
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" ”http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE html>
Old Character Encoding
New Character Encoding
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta charset="utf-8" />
Old JavaScript and CSS Links
<script type="text/javascript" src="script.js"></script>
New JavaScript and CSS Links
<link rel="stylesheet" type="text/css" href="style.css"/>
Old Doctype
<script src="script.js"></script>
<link rel="stylesheet" href="style.css"/>
18. Details Markup
<details open>
<summary>details 1</summary>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incidi
</details>
<details>
<summary>details 2</summary>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incidi
</details>
19. Order list Markup
<ol reversed>
<li>Red</li> <li>Green</li> <li>Blue</li>
</ol>
<ol start="2" type="I">
<li>Red</li> <li>Green</li> <li>Blue</li>
</ol>
type="1"
type="a"
type="A"
type="i"
type="I"
=
=
=
=
=
1,
a,
A,
i,
I,
2, 3,4, 5
b, c, d, e
B, C, D, E
ii, iii, iv, v
II, III, IV, V
27. Progress & Meter Markup
Progress
<p>You are downloading a very important file, please wait.</p>
<progress value="45" max="100"></progress><span> 45% complete</span>
Meter
<meter value="10" min="0" max="100" low="40" high="90" optimum="100"></meter>
<meter value="80" min="0" max="100" low="40" high="90" optimum="100"></meter>
<meter value="100" min="0" max="100" low="40" high="90" optimum="100"></meter>
28. Intro to the DOM
What's DOM ?
Why I should know it ?
How I use it ?
29. What's Next ?
HTML5 developing doesn't need more than a text editor and a latest browser ,
So , I advise you to use one from this list as a text editor :
Sublime text 2 , Bracket , Adobe Edge Code , Adobe DreamWeaver .
And use chrome (canary) or firefox (Nightly) as a browser