-
Notifications
You must be signed in to change notification settings - Fork 186
/
index.html
76 lines (67 loc) · 4.81 KB
/
index.html
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
<!DOCTYPE html>
<meta charset="utf-8">
<title>Dive Into HTML5</title>
<meta property="og:site_name" content="Dive Into HTML5">
<meta property="og:url" content="http://diveintohtml5.info/">
<link rel="alternate" type="application/atom+xml" href="https://github.com/diveintomark/diveintohtml5/commits/master.atom">
<link rel="stylesheet" href="screen.css">
<style>
h1:before{content:''}
h1,h2,h3{padding:0;margin:0;border:0;line-height:128px;text-align:center;clear:both}
h1{margin-top:128px;font-size:72px;text-transform:uppercase}
h2{font-size:48px}
ol{margin:1em 0 0 0;padding:0}
li{clear:both;width:100%;margin:0 0 1em 0;padding:0;overflow:hidden}
.title,.number{background:#fff}
.title{float:left;padding-right:3px}
.number{margin:0;float:right;padding-left:3px}
.f{margin-top:6.224em}
</style>
<link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="mobile.css">
<link rel="prefetch" href="introduction.html">
<hgroup>
<h1>Dive Into HTML5</h1>
<h2>by<br>Mark Pilgrim</h2>
<h3>with contributions from the community</h3>
</hgroup>
<p class="a rotatedFloralHeartBullet">
<p class="f">Dive Into <abbr>HTML5</abbr> elaborates on a hand-picked selection of features from the <a href="http://www.whatwg.org/html5">HTML5</a> specification and other fine standards. We encourage you to <a href="//www.amazon.com/HTML5-Up-Running-Mark-Pilgrim/dp/0596806027">buy the printed work</a> — Mark Pilgrim’s artfully titled “HTML5: Up <i class="baa">&</i> Running” — published on paper by O’Reilly, under the Google Press imprint. Your kind and sincere <a href="about.html">feedback is always welcome</a>, and this work shall remain online under the <a rel="license" href="//creativecommons.org/licenses/by/3.0/">CC-BY-3.0 license</a>.
<p>This particular edition of Dive Into HTML5 is advanced by <a href="//github.com/diveintomark?tab=members">the diveintomark team</a>. We work hard to add and update content, links, APIs, and actively maintain this fine resource; refreshing and reflecting the relevant and current state of HTML5, just as Mark Pilgrim did during his tenure. We attribute this work in the manner specified by Mark, and we make modifications to the site's content. We do not in any way suggest that he endorses us or our use of his work. We hope you do.
<h3>Table of Contents</h3>
<!-- toc -->
<ol>
<li><a href="introduction.html">Introduction: Five Things You Should Know About <abbr>HTML5</abbr></a>
<li><a href="past.html">A Quite Biased History of <abbr>HTML5</abbr></a>
<li><a href="detect.html">Detecting <abbr>HTML5</abbr> Features: It’s Elementary, My Dear Watson</a>
<li><a href="semantics.html">What Does It All Mean?</a>
<li><a href="canvas.html">Let’s Call It a Draw(ing Surface)</a>
<li><a href="video.html">Video in a Flash (Without That Other Thing)</a>
<li><a href="geolocation.html">You Are Here (And So Is Everybody Else)</a>
<li><a href="storage.html">A Place To Put Your Stuff</a>
<li><a href="offline.html">Let’s Take This Offline</a>
<li><a href="forms.html">A Form of Madness</a>
<li><a href="extensibility.html">“Distributed,” “Extensibility,” And Other Fancy Words</a>
<li><a href="history.html">Manipulating History for Fun <i>&</i> Profit</a>
<li class="app"><a href="everything.html">The All-In-One Almost-Alphabetical No-Bullshit Guide to Detecting Everything</a>
<li class="app"><a href="peeks-pokes-and-pointers.html"><abbr>HTML5</abbr> Peeks, Pokes and Pointers</a>
</ol>
<!-- /toc -->
<p class="a rotatedFloralHeartBullet">
<p class="c">“If you’re good at something, never do it for free.” <span class="u">—</span><cite>The Joker</cite><br>(but that doesn’t mean you should keep it to yourself)
<p class="c">Copyright MMIX–MMXI <a href="about.html">Mark Pilgrim</a>
<form action="http://www.google.com/cse"><div><input type="hidden" name="cx" value="017884302975346027366:bgclqh8nvse"><input type="hidden" name="ie" value="UTF-8"><input type="search" name="q" size="25" placeholder="powered by Google™"> <input type="submit" name="sa" value="Search"></div></form>
<script src="j/jquery.js"></script>
<script src="j/dih5.js"></script>
<script>
$(function() {
$("ol").css("list-style", "none");
$("li").each(function(i) {
var num = i;
if ($(this).hasClass("app")) {
num = String.fromCharCode(53+num);
}
$(this).wrapInner('<span class="title"></span>').append('<span class="number">'+num+'</span>').css("background", "#fff url(i/dot.png) repeat-x 0 0.8em");
});
});
window._gaq=[['_setAccount','UA-26147692-1'],['_setDomainName', 'diveintohtml5.info'],['_setAllowHash', false],['_trackPageview'],['_trackPageLoadTime']];(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.src='//www.google-analytics.com/ga.js';s.parentNode.insertBefore(g,s)}(document,'script'));
</script>