-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathih5.html
More file actions
143 lines (137 loc) · 7.68 KB
/
Copy pathih5.html
File metadata and controls
143 lines (137 loc) · 7.68 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8 />
<!-- <meta name="viewport" content="width=device-width" /> -->
<meta name="viewport" content="width=640" />
<title>Introducing HTML5: Bruce Lawson and Remy Sharp</title>
<link rel="stylesheet" href="ih5.css" type="text/css" />
</head>
<body>
<header>
<hgroup>
<h1><span class="introducing">Introducing</span> <span class="html5">HTML<span>5</span></span></h1>
<h2>By Bruce Lawson and Remy Sharp</h2>
</hgroup>
</header>
<p class=update>The second edition is out, swollen from 223 pages to a tumescent 295 pages! The multimedia chapter has added information on <track>, getUserMedia, webRTC. There's even more detail about how to get more out of geolocation; more storage methods and techniques, including the new IndexedDB storage API;
we now have full examples on how to use Server Sent Events, and updated detail on offline applications, gotchas and debugging tips. There's a brand new full chapter on polyfills, what they are, how they work and how to use them!</p>
<p>We’re not one of the HTML 5 spec writers, and we’re not here to persuade you to use it. Our take is that it’s going to happen, so we need to get acquainted. But we’re going to point out (perhaps rant) about the good parts as well as the bad. It’s as far as possible a practical book, showing you how to use the language but some areas of the spec will be discussed theoretically as they’re not yet implemented anywhere.</p>
<div class="bookinfo">
<a href="http://www.amazon.com/gp/product/0321687299?ie=UTF8&tag=inht-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0321687299"><img alt="Buy Introducing HTML5 by Bruce Lawson and Remy Sharp" title="Buy Introducing HTML5 by Bruce Lawson and Remy Sharp" src="book_m.jpg" /></a>
<p>Order the book now on:</p>
<ul>
<li>
<a href="http://www.amazon.com/gp/product/0321784421/ref=as_li_tf_tl?ie=UTF8&tag=inht-20&linkCode=as2&camp=217145&creative=399373&creativeASIN=0321784421">Amazon</a><img src="http://www.assoc-amazon.com/e/ir?t=inht-20&l=as2&o=1&a=0321784421&camp=217145&creative=399373" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />
(<a href="http://www.amazon.com/gp/product/B005OR9MJY/ref=as_li_tf_tl?ie=UTF8&tag=inht-20&linkCode=as2&camp=217145&creative=399373&creativeASIN=B005OR9MJY">ePub version</a><img src="http://www.assoc-amazon.com/e/ir?t=inht-20&l=as2&o=1&a=B005OR9MJY&camp=217145&creative=399373" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />)
<li><a href="http://www.amazon.co.uk/gp/product/0321784421/ref=as_li_tf_tl?ie=UTF8&tag=inht-21&linkCode=as2&camp=1634&creative=6738&creativeASIN=0321784421">Amazon UK</a><img src="http://www.assoc-amazon.co.uk/e/ir?t=inht-21&l=as2&o=2&a=0321784421" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />
(<a href="http://www.amazon.co.uk/gp/product/B005OR9MJY/ref=as_li_tf_tl?ie=UTF8&tag=inht-21&linkCode=as2&camp=1634&creative=6738&creativeASIN=B005OR9MJY">ePub version</a><img src="http://www.assoc-amazon.co.uk/e/ir?t=inht-21&l=as2&o=2&a=B005OR9MJY" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />)
<li><a href="http://click.linksynergy.com/fs-bin/click?id=/YFbU69Mlqc&offerid=145244.1404575&type=2&subid=0">PeachPit</a><img border="0" width="1" height="1" style="border:none !important; margin:0px !important;" src="http://ad.linksynergy.com/fs-bin/show?id=/YFbU69Mlqc&bids=145244.1404575&type=2&subid=0" /> (<a href="http://click.linksynergy.com/fs-bin/click?id=/YFbU69Mlqc&offerid=145244.1439274&type=2&subid=0">ePub version</a><img border="0" width="1" height="1" src="http://ad.linksynergy.com/fs-bin/show?id=/YFbU69Mlqc&bids=145244.1439274&type=2&subid=0" style="border:none !important; margin:0px !important;"/>)</li>
<li><a href="http://search.barnesandnoble.com/Introducing-HTML5/Bruce-Lawson/e/9780321784421/?itm=2&USRI=html5">Barnes & Noble</a></li>
</ul>
<p>Follow the authors: <a href="http://twitter.com/brucel">@brucel</a> & <a href="http://twitter.com/rem">@rem</a></p>
</div>
<h2>Chapters and Resources</h2>
<table>
<thead>
<tr>
<th>Chapter</th>
<th>Examples</th>
<th>Links</th>
<th>Errata</th>
</tr>
</thead>
<tbody>
<tr>
<td>Introduction: why HTML5 exists</td>
<td></td>
<td><a href="/links/intro.html">links</a></td>
<td></td>
</tr>
<tr>
<td>Structuring a page</td>
<td></td>
<td><a href="/links/ch01.html">links</a></td>
<td><a href="/errata/ch01.html">errata</a></td>
</tr>
<tr>
<td>Marking up a blog & the outlining algorithm</td>
<td><a href="/examples/ch02/">examples</a></td>
<td><a href="/links/ch02.html">links</a></td>
<td><a href="/errata/ch02.html">errata</a></td>
</tr>
<tr>
<td>Forms</td>
<td><a href="/examples/ch03/">examples</a></td>
<td><a href="/links/ch03.html">links</a></td>
<td></td>
</tr>
<tr>
<td>Multimedia (video, audio) markup and APIs</td>
<td><a href="/examples/ch04/">examples</a></td>
<td><a href="/links/ch04.html">links</a></td>
<td><a href="/errata/ch04.html">errata</a></td>
</tr>
<tr>
<td>Canvas</td>
<td><a href="/examples/ch05/">examples</a></td>
<td><a href="/links/ch05.html">links</a></td>
<td></td>
</tr>
<tr>
<td>Storage</td>
<td><a href="/examples/ch06/">examples</a></td>
<td><a href="/links/ch06.html">links</a></td>
<td></td>
</tr>
<tr>
<td>Working Offline</td>
<td><a href="/examples/ch07/">examples</a></td>
<td><a href="/links/ch07.html">links</a></td>
<td></td>
</tr>
<tr>
<td>Drag & Drop</td>
<td><a href="/examples/ch08/">examples</a></td>
<td><a href="/links/ch08.html">links</a></td>
<td></td>
</tr>
<tr>
<td>Geolocation</td>
<td></td>
<td><a href="/links/ch09.html">links</a></td>
<td></td>
</tr>
<tr>
<td>Messages, Web Workers & Web Sockets</td>
<td><a href="/examples/ch10/">examples</a></td>
<td><a href="/links/ch10.html">links</a></td>
<td></td>
</tr>
<tr>
<td>Real Time</td>
<td><a href="/examples/ch11/">examples</a></td>
<td><a href="/links/ch11.html">links</a></td>
<td></td>
</tr>
<tr>
<td>Polyfilling</td>
<td><a href="/examples/ch12/">examples</a></td>
<td><a href="/links/ch12.html">links</a></td>
<td><a href="/errata/ch12.html">errata</a></td>
</tr>
</tbody>
</table>
<footer><p>Errata notice: If you spot any simple typos, please email <a href="mailto:errata@peachpit.com?subject=Introducing%20HTML5%20typo">errata@peachpit.com</a>. If you find a content error, please mail <a href="mailto:authors@introducinghtml5.com">authors@introducinghtml5.com</a>.</p></footer>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-1656750-22']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>