4. “Because browsers are now application platforms, ‘the big runtime
machine’ if you will. I for one have given up several desktop apps
for their online version, simply because they're much better in
most cases.”
Fabio FZero on the GTALUG Mailing List
4
8. • The HTML layout engines use the
DOCTYPE to figure out which layout
mode to use.
8
9. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
9
10. But in HTML5
• The DOCTYPE is only required for
legacy reasons.
10
22. <article>
<h2>GTALUG Talk about HTML5 Tomorrow at 7:30pm</h2>
<section>
<p>I am going to be talking about HTML5 at the next
GTALUG meeting.</p>
</section>
<p class="meta">
By <a href="http://myles.tk/" rel="author">Myles</a>;
published <time datetime="2010-07-12" pubdate>
yesterday</time>;
tagged with <span rel="tag">GTALUG</span> &
<span rel="tag">HTML5</span>.
</p>
</article>
22
30. checkbox <input type="checkbox">
radio button <input type="radio">
password field <input type="password">
drop-down list <select><option>
file picker <input type="file">
submit button <input type="submit">
plain text <input type="text">
30
31. What has been added?
Email <input type="email">
Web Address <input type="url">
Number <input type="number">
Range <input type="range">
Date Pickers <input type="date">
Search <input type="search">
Colour <input type="color">
31
32. • Web browser will provided the
validation.
32
33. • If you try to submit an email field with
“youexample.com” instead of
“you@exmaple.com” the browser will
stop you.
33
41. • Allows the web application to use a
key/value database on the client
computer.
• This data is never transmitted to the
web server (unlike cookies).
41
42. • Internet Explore=>8.0
• Mozilla Firefox=>3.5
• Chrome=>4.0
• Opera=>10.5
• iOS=>2.0
• Android=>2.0
42
43. var first_name = localStorage.getItem("first_name");
localStorage.setItem("first_name", first_name);
43
44. Web SQL Database
• Allows you to use a SQLite database
for local storage.
44