HTML

HTML5

Curso W3C Escritório Brasil

Autores: Elcio Ferreira e Diego Eis

ÍNDICE

1. Visão geral do HTML5 7

Hypertexto 7

O começo e a interoperabilidade 8

WHAT Working Group 8

O HTML5 e suas mudanças 9

O que é o HTML5? 9

2. Análise do suporte atual pelos navegadores e estratégias de uso 11

O desenvolvimento modular 11

Motores de Renderização 11

Compatibilidade com HTML5 12

Técnicas de detectação 13

Utilizando o Modernizr 14

3. Estrutura básica, DOCTYPE e charsets 15

O Doctype 15

O elemento HTML 16

HEAD 16

Metatag Charset 16

Tag LINK 17

4. Modelos de conteúdo 19

Categorias 19

Metadata content 20

Flow content 20

Sectioning content 22

Heading content 23

Phrasing content 23

Embedded content 24

Interactive content 24

5. Novos elementos e atributos 27

Atributos 30

6. Elementos modificados e ausentes 31

Elementos modificados 31

Elementos ou atributos descontinuados 32

7. Novos tipos de campos 33

Novos valores para o atributo type 33

tel 33

search 33

email 33

url 33

Datas e horas 34

number 34

range 35

color 36

8. Tipos de dados e validadores 37

Formulários vitaminados 37

autofocus 37

Placeholder text 37

required 38

maxlength 38

Validação de formulários 38

pattern 39

novalidate e formnovalidate 39

Custom validators 40

9. Detalhes e conteúdo editável. 43

Ainda mais formulários 43

Detalhes e sumário 43

Conteúdo editável 44

10. Drag-n-drop e correção ortográfica 45

Drag and Drop 45

Detalhes importantes: 46

Revisão ortográfica e gramatical 47

11. Elementos audio e video, e codecs 49

Áudio 49

Origens alternativas de áudio 49

Vídeo 50

Codecs 50

12. Elemento device e Stream API 53

O elemento device 53

Streams 54

Peer-to-peer 54

13. MathML e SVG 55

MathML 55

SVG 56

14. Canvas API 59

O elemento canvas 59

Canvas e SVG 61

15. Server-Sent Events 63

EventSource 63

O protocolo de comunicação 63

16. DOM e HTML5 65

DOM e HTML5 65

Por quê DOM? 65

Vamos às diferenças 65

getElementsByClassName 65

innerHTML 66

activeElement e hasFocus() 66

getSelection() 67

Intervalos de seleção 68

document.head 68

Selector API 69

Características especiais de DomNodeList 70

Datasets 70

17. Novos eventos DOM 71

Uma palavra sobre eventos 71

Elementos multimídia: 71

Eventos em campos de formulário: 72

Eventos gerais: 72

Drag-and-drop: 73

Atributos de evento 73

18. Menus e toolbars 75

O elemento menu 75

Tipos de comando 75

O elemento command 76

Prefira não usar command, por enquanto 76

19. Tipos de links 79

Links 79

Metadados de navegação 79

Metadados da página 80

Comportamento dos links na página 81

20. Microdata 83

Semântica adicional 83

Diferentes tipos de dados 85