Html5

HTML5 Curso W3C Escritório Brasil

Autores: Elcio Ferreira e Diego Eis

ÍNDICE
1. Visão geral do HTML5
Hypertexto O começo e a interoperabilidade WHAT Working Group O HTML5 e suas mudanças O que é o HTML5? O desenvolvimento modular Motores de Renderização Compatibilidade com HTML5 Técnicas de detectação Utilizando o Modernizr O Doctype O elemento HTML HEAD Metatag Charset Tag LINK Categorias Metadata content Flow content Sectioning content Heading content Phrasing content Embedded content Interactive content Atributos

7
7 8 8 9 9

2.

Análise do suporte atual pelos navegadores e estratégias de uso 11
11 11 12 13 14 15 16 16 16 17 19 20 20 22 23 23 24 24 30 31 32

3.

Estrutura básica, DOCTYPE e charsets

15

4.

Modelos de conteúdo

19

5. 6.

Novos elementos e atributos Elementos modificados e ausentes
Elementos modificados Elementos ou atributos descontinuados

27 31

7.

Novos tipos de campos

Novos valores para o atributo type tel search email url Datas e horas number range color Formulários vitaminados autofocus Placeholder text required maxlength Validação de formulários pattern novalidate e formnovalidate Custom validators Ainda mais formulários Detalhes e sumário Conteúdo editável

33
33 33 33 33 33 34 34 35 36 37 37 37 38 38 38 39 39 40 43 43 44 45 46 47 49 49 50 50 53 54 54 55 56

8.

Tipos de dados e validadores

37

9.

Detalhes e conteúdo editável.

43

10.

Drag-n-drop e correção ortográfica
Drag and Drop Detalhes importantes: Revisão ortográfica e gramatical Áudio

45

11.

Elementos audio e video, e codecs
Origens alternativas de áudio Vídeo Codecs

49

12.

Elemento device e Stream API
O elemento device Streams Peer-to-peer MathML SVG

53

13.

MathML e SVG

55

14.

Canvas API

O elemento canvas Canvas e SVG EventSource O protocolo de comunicação DOM e HTML5 Por quê DOM? Vamos às diferenças getElementsByClassName innerHTML