-
Notifications
You must be signed in to change notification settings - Fork 85
/
table-of-contents.html
213 lines (203 loc) · 13.2 KB
/
table-of-contents.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
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
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
<!DOCTYPE html>
<html lang=pt-br>
<meta charset=utf-8>
<title>Índice analítico completo - Dive Into HTML5</title>
<link rel=alternate type=application/atom+xml href=https://github.com/zenorocha/diveintohtml5/commits/gh-pages.atom>
<link rel=alternate href=http://diveintohtml5.info/table-of-contents.html hreflang=en>
<link rel=stylesheet href=screen.css>
<style>
h1:before{content:''}
dl{clear:both;width:100%;overflow:hidden;background:#fff url(i/dot.png) repeat-x 0 0.8em}
dt,dd{background:#fff}
dt{float:left;padding-right:3px}
dd{margin:0;float:right;padding-left:3px}
ol{margin:0;padding:0;list-style:none}
li ol{width:95%;padding-left:5%}
</style>
<link rel=stylesheet media='only screen and (max-device-width: 480px)' href=mobile.css>
<link rel=prefetch href=detect.html>
<a href="https://github.com/zenorocha/diveintohtml5"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a>
<p>Você está aqui: <a href=index.html>Home</a> <span class=u>‣</span> Dive Into <abbr>HTML5</abbr> <span class=u>‣</span>
<h1>Sumário completo</h1>
<!-- toc -->
<ol>
<li id=introduction><a href=introduction.html>Introdução: Cinco Coisas Que Você Deveria Saber Sobre <abbr>HTML5</abbr></a>
<ol>
<li><dl><dt><a href=introduction.html#one>1. Não é só uma grande coisa</a><dd>i</dl>
<li><dl><dt><a href=introduction.html#two>2. Você não precisa jogar nada fora</a><dd>ii</dl>
<li><dl><dt><a href=introduction.html#three>3. É fácil de começar</a><dd>iii</dl>
<li><dl><dt><a href=introduction.html#four>4. Já funciona</a><dd>iv</dl>
<li><dl><dt><a href=introduction.html#five>5. Está aqui para ficar</a><dd>v</dl>
</ol>
<li id=past><a href=past.html>Como Chegamos Aqui?</a>
<ol>
<li><dl><dt><a href=past.html#divingin>Mergulhando</a><dd>i</dl>
<li><dl><dt><a href=past.html#mime-types>MIME types</a><dd>ii</dl>
<li><dl><dt><a href=past.html#history-of-the-img-element>Uma Longa Digressão Entre Os Padrões Que Foram Feitos</a><dd>iii</dl>
<li><dl><dt><a href=past.html#an-unbroken-line>Uma linha ininterrupta</a><dd>iv</dl>
<li><dl><dt><a href=past.html#timeline>A linha do tempo do desenvolvimento do HTML de 1997 a 2004</a><dd>v</dl>
<li><dl><dt><a href=past.html#xhtml>Tudo que você sabe sobre XHTML está errado</a><dd>vi</dl>
<li><dl><dt><a href=past.html#webapps-cdf>Uma Visão Concorrente</a><dd>vii</dl>
<li><dl><dt><a href=past.html#whatwg>Grupo de trabalho WHAT?</a><dd>viii</dl>
<li><dl><dt><a href=past.html#reinventing-html>De volta a W3C</a><dd>ix</dl>
<li><dl><dt><a href=past.html#postscript>Pós-escrito</a><dd>x</dl>
<li><dl><dt><a href=past.html#further-reading>Leitura adicional</a><dd>xi</dl>
</ol>
<li id=detect><a href=detect.html>Detectando as funcionalidades do <abbr>HTML5</abbr>: Elementar, caro Watson</a>
<ol>
<li><dl><dt><a href=detect.html#divingin>Mergulhando</a><dd>i</dl>
<li><dl><dt><a href=detect.html#techniques>Técnicas para detecção</a><dd>ii</dl>
<li><dl><dt><a href=detect.html#modernizr>Modernizr, biblioteca de detecção de HTML5</a><dd>iii</dl>
<li><dl><dt><a href=detect.html#canvas>Canvas</a><dd>iv</dl>
<li><dl><dt><a href=detect.html#canvas-text>Texto no Canvas</a><dd>v</dl>
<li><dl><dt><a href=detect.html#video>Vídeo</a><dd>vi</dl>
<li><dl><dt><a href=detect.html#video-formats>Formatos de Vídeo</a><dd>vii</dl>
<li><dl><dt><a href=detect.html#storage>Local Storage</a><dd>viii</dl>
<li><dl><dt><a href=detect.html#workers>Web Workers</a><dd>ix</dl>
<li><dl><dt><a href=detect.html#offline>Aplicações Web Offline</a><dd>x</dl>
<li><dl><dt><a href=detect.html#geolocation>Geolocalização</a><dd>xi</dl>
<li><dl><dt><a href=detect.html#input-types>Tipos de Input</a><dd>xii</dl>
<li><dl><dt><a href=detect.html#input-placeholder>Placeholder</a><dd>xiii</dl>
<li><dl><dt><a href=detect.html#input-autofocus>Foco automático em Form</a><dd>xiv</dl>
<li><dl><dt><a href=detect.html#microdata>Microdata</a><dd>xv</dl>
<li><dl><dt><a href=detect.html#history><abbr>API</abbr> para Histórico</a><dd>xvi</dl>
<li><dl><dt><a href=detect.html#further-reading>Leitura Adicional</a><dd>xvii</dl>
</ol>
<li id=semantics><a href=semantics.html>O Que Significa Tudo Isso?</a>
<ol>
<li><dl><dt><a href=semantics.html#divingin>Mergulhando</a><dd>i</dl>
<li><dl><dt><a href=semantics.html#the-doctype>O Doctype</a><dd>ii</dl>
<li><dl><dt><a href=semantics.html#html-element>O elemento raiz</a><dd>iii</dl>
<li><dl><dt><a href=semantics.html#head-element>O elemento <head></a><dd>iv</dl>
<li><dl><dt><a href=semantics.html#encoding>Codificação de caracteres</a><dd>v</dl>
<li><dl><dt><a href=semantics.html#link>Amigos & Relações (Links)</a><dd>vi</dl>
<li><dl><dt><a href=semantics.html#new-elements>Novos Elementos Semânticos No Html5</a><dd>vii</dl>
<li><dl><dt><a href=semantics.html#unknown-elements>Uma Longa Digressão Em Como Os Browsers Lidam Com Elementos Desconhecidos</a><dd>viii</dl>
<li><dl><dt><a href=semantics.html#header-element>Headers</a><dd>ix</dl>
<li><dl><dt><a href=semantics.html#article-element>Articles</a><dd>x</dl>
<li><dl><dt><a href=semantics.html#time-element>Datas e Horas</a><dd>xi</dl>
<li><dl><dt><a href=semantics.html#nav-element>Navegação</a><dd>xii</dl>
<li><dl><dt><a href=semantics.html#footer-element>Footers</a><dd>xiii</dl>
<li><dl><dt><a href=semantics.html#further-reading>Leitura Adicional</a><dd>xiv</dl>
</ol>
<li id=canvas><a href=canvas.html>Vamos Chamá-lo (superfície) De Desenho</a>
<ol>
<li><dl><dt><a href=canvas.html#divingin>Mergulhando</a><dd>i</dl>
<li><dl><dt><a href=canvas.html#shapes>Formas Simples</a><dd>ii</dl>
<li><dl><dt><a href=canvas.html#coordinates>Coordenadas do Canvas</a><dd>iii</dl>
<li><dl><dt><a href=canvas.html#paths>Paths</a><dd>iv</dl>
<li><dl><dt><a href=canvas.html#text>Texto</a><dd>v</dl>
<li><dl><dt><a href=canvas.html#gradients>Gradientes</a><dd>vi</dl>
<li><dl><dt><a href=canvas.html#images>Imagens</a><dd>vii</dl>
<li><dl><dt><a href=canvas.html#ie>E o IE?</a><dd>viii</dl>
<li><dl><dt><a href=canvas.html#halma>Um exemplo completo e real</a><dd>ix</dl>
<li><dl><dt><a href=canvas.html#further-reading>Leitura Adicional</a><dd>x</dl>
</ol>
<li id=video><a href=video.html>Vídeo na Web</a>
<ol>
<li><dl><dt><a href=video.html#divingin>Mergulhando</a><dd>i</dl>
<li><dl><dt><a href=video.html#video-containers>Containers de vídeo</a><dd>ii</dl>
<li><dl><dt><a href=video.html#video-codecs>Codecs de vídeo</a><dd>iii</dl>
<li><dl><dt><a href=video.html#audio-codecs>Codecs de áudio</a><dd>iv</dl>
<li><dl><dt><a href=video.html#what-works>O que funciona na web</a><dd>v</dl>
<li><dl><dt><a href=video.html#licensing>Problemas De Licenciamento Com Vídeo H.264</a><dd>vi</dl>
<li><dl><dt><a href=video.html#miro>Codificando vídeos Com Miro Video Converter</a><dd>vii</dl>
<li><dl><dt><a href=video.html#firefogg>Codificando vídeos Ogg Com Firefogg</a><dd>viii</dl>
<li><dl><dt><a href=video.html#ffmpeg2theora>Codificando vídeos Ogg em lotes com ffmpeg2theora</a><dd>ix</dl>
<li><dl><dt><a href=video.html#handbrake-gui>Codificando vídeos H.264 com HandBrake</a><dd>x</dl>
<li><dl><dt><a href=video.html#handbrake-cli>Codificando vídeos H.264 em lotes com HandBrake</a><dd>xi</dl>
<li><dl><dt><a href=video.html#webm-cli>Codificando vídeos WebM com ffmpeg</a><dd>xii</dl>
<li><dl><dt><a href=video.html#markup>Finalmente, a marcação</a><dd>xiii</dl>
<li><dl><dt><a href=video.html#ie>E o IE?</a><dd>xiv</dl>
<li><dl><dt><a href=video.html#ios>Problemas com iPhones e iPads</a><dd>xv</dl>
<li><dl><dt><a href=video.html#android>Problemas com Androids</a><dd>xvi</dl>
<li><dl><dt><a href=video.html#example>Um exemplo completo e real</a><dd>xvii</dl>
<li><dl><dt><a href=video.html#further-reading>Leitura Adicional</a><dd>xviii</dl>
</ol>
<li id=geolocation><a href=geolocation.html>Você está aqui (Assim como todo mundo)</a>
<ol>
<li><dl><dt><a href=geolocation.html#divingin>Mergulhando</a><dd>i</dl>
<li><dl><dt><a href=geolocation.html#w3c>API de geolocalização</a><dd>ii</dl>
<li><dl><dt><a href=geolocation.html#the-code>Mostre-me o código</a><dd>iii</dl>
<li><dl><dt><a href=geolocation.html#errors>Lidando com erros</a><dd>iv</dl>
<li><dl><dt><a href=geolocation.html#options>Escolhas! Eu quero escolhas!</a><dd>v</dl>
<li><dl><dt><a href=geolocation.html#ie>E o IE?</a><dd>vi</dl>
<li><dl><dt><a href=geolocation.html#geo-js>geo.js ao resgate</a><dd>vii</dl>
<li><dl><dt><a href=geolocation.html#putting-it-all-together>Um exemplo completo e real</a><dd>viii</dl>
<li><dl><dt><a href=geolocation.html#further-reading>Leitura Adicional</a><dd>ix</dl>
</ol>
<li id=storage><a href=storage.html>Um lugar para colocar as coisas</a>
<ol>
<li><dl><dt><a href=storage.html#divingin>Mergulhando</a><dd>i</dl>
<li><dl><dt><a href=storage.html#history>Uma breve história de hacks para armazenamento local antes do HTML5</a><dd>ii</dl>
<li><dl><dt><a href=storage.html#localstorage>Apresentando o HTML5 Storage</a><dd>iii</dl>
<li><dl><dt><a href=storage.html#methods>Utilizando o HTML5 Storage</a><dd>iv</dl>
<li><dl><dt><a href=storage.html#halma>HTML5 Storage em ação</a><dd>v</dl>
<li><dl><dt><a href=storage.html#future>Além dos pares de chave-valor: Visões concorrentes</a><dd>vi</dl>
<li><dl><dt><a href=storage.html#further-reading>Leitura Adicional</a><dd>vii</dl>
</ol>
<li id=offline><a href=offline.html>Vamos tornar isso Offline</a>
<ol>
<li><dl><dt><a href=offline.html#divingin>Mergulhando</a><dd>i</dl>
<li><dl><dt><a href=offline.html#manifest>O manifesto do cache</a><dd>ii</dl>
<li><dl><dt><a href=offline.html#events>O fluxo de eventos</a><dd>iii</dl>
<li><dl><dt><a href=offline.html#debugging>A arte da depuração, também conhecido como “Mate-me! Mate-me Agora!”</a><dd>iv</dl>
<li><dl><dt><a href=offline.html#halma>Vamos construir um</a><dd>v</dl>
<li><dl><dt><a href=offline.html#further-reading>Leitura Adicional</a><dd>vi</dl>
</ol>
<li id=forms><a href=forms.html>Uma forma de loucura</a>
<ol>
<li><dl><dt><a href=forms.html#divingin>Mergulhando</a><dd>i</dl>
<li><dl><dt><a href=forms.html#placeholder>Placeholder</a><dd>ii</dl>
<li><dl><dt><a href=forms.html#autofocus>Campos com foco automático</a><dd>iii</dl>
<li><dl><dt><a href=forms.html#type-email>Endereços de email</a><dd>iv</dl>
<li><dl><dt><a href=forms.html#type-url>Endereços web</a><dd>v</dl>
<li><dl><dt><a href=forms.html#type-number>Números em caixas rotativas</a><dd>vi</dl>
<li><dl><dt><a href=forms.html#type-range>Números em controles deslizantes</a><dd>vii</dl>
<li><dl><dt><a href=forms.html#type-date>Selecionadores de data</a><dd>viii</dl>
<li><dl><dt><a href=forms.html#type-search>Caixas de busca</a><dd>ix</dl>
<li><dl><dt><a href=forms.html#type-color>Selecionadores de cor</a><dd>x</dl>
<li><dl><dt><a href=forms.html#validation>Validação de formulários</a><dd>xi</dl>
<li><dl><dt><a href=forms.html#required>Campos obrigatórios</a><dd>xii</dl>
<li><dl><dt><a href=forms.html#further-reading>Leitura Adicional</a><dd>xiii</dl>
</ol>
<li id=extensibility><a href=extensibility.html>“Distribuido,” “Extensível,” e outras palavras bonitas</a>
<ol>
<li><dl><dt><a href=extensibility.html#divingin>Mergulhando</a><dd>i</dl>
<li><dl><dt><a href=extensibility.html#what-is-microdata>O que é Microdata?</a><dd>ii</dl>
<li><dl><dt><a href=extensibility.html#data-model>O modelo de dados Microdata</a><dd>iii</dl>
<li><dl><dt><a href=extensibility.html#person>Marcando as pessoas</a><dd>iv</dl>
<li><dl><dt><a href=extensibility.html#organization>Marcando organizações</a><dd>v</dl>
<li><dl><dt><a href=extensibility.html#event>Marcando eventos</a><dd>vi</dl>
<li><dl><dt><a href=extensibility.html#review>Marcando revisões</a><dd>vii</dl>
<li><dl><dt><a href=extensibility.html#further-reading>Leitura Adicional</a><dd>viii</dl>
</ol>
<li id=history><a href=history.html>Manipulando o histórico</a>
<ol>
<li><dl><dt><a href=history.html#divingin>Mergulhando</a><dd>i</dl>
<li><dl><dt><a href=history.html#why>O por quê</a><dd>ii</dl>
<li><dl><dt><a href=history.html#how>O como</a><dd>iii</dl>
<li><dl><dt><a href=history.html#further-reading>Leitura Adicional</a><dd>iv</dl>
</ol>
<li class=app><a href=everything.html>O Único Quase-alfabético Sem-besteiras Guia Para Detectar Tudo</a>
<ol>
<li><dl><dt><a href=everything.html#further-reading>Leitura Adicional</a><dd>i</dl>
</ol>
<li class=app><a href=peeks-pokes-and-pointers.html><abbr>HTML5</abbr> Peeks, Pokes and Pointers</a>
<ol>
</ol>
</ol>
<!-- /toc -->
<p class=a>❧
<p class=c>“If you’re good at something, never do it for free.” <span class=u>—</span> <cite>Coringa</cite><br>(o que não significa que você deve manter com você)
<p class=c>Copyright MMIX–MMXI <a href=about.html>Mark Pilgrim</a>
<form action=https://www.google.com/cse><div><input type=hidden name=cx value=014437924039265546826:2nmoshc8y3y><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>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-4114546-27', 'auto');
ga('send', 'pageview');
</script>
</html>