Html5

Disponível somente no TrabalhosFeitos
  • Páginas : 43 (10646 palavras )
  • Download(s) : 0
  • Publicado : 26 de março de 2012
Ler documento completo
Amostra do texto
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 LINKCategorias 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 Customvalidators 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 innerHTMLactiveElement e hasFocus() getSelection() Intervalos de seleção document.head Selector API Características especiais de DomNodeList Datasets Uma palavra sobre eventos Elementos multimídia: Eventos em campos de formulário: Eventos gerais: Drag-and-drop: Atributos de evento O elemento menu Tipos de comando O elemento command Prefira não usar command, por enquanto Links

59

59 61 63 63 65 65 65 6566 66 67 68 68 69 70 70 71 71 72 72 73 73 75 75 76 76 79 79 80 81 83 85 87

15.

Server-Sent Events

63

16.

DOM e HTML5

65

17.

Novos eventos DOM

71

18.

Menus e toolbars

75

19.

Tipos de links
Metadados de navegação Metadados da página Comportamento dos links na página

79

20.

Microdata

Semântica adicional Diferentes tipos de dadosFalando um idioma comum

83

21.

Histórico de sessão e API Storage
Histórico de Sessão e API Storage Histórico de Sessão localStorage e sessionStorage Caching O objeto ApplicationCache Controle de status da aplicação Scrolling into view hidden hidden e Javascript

89

89 89 91 95 96 97 99 99 99

22.

Aplicações offline

95

23.

Scroll in to view e hidden

9924.

Geolocation API

Métodos de Geolocalização Tratando erros Não trate a resposta do usuário como um erro O objeto de configuração watchPosition O objeto UndoManager Respondendo às ações de undo e redo Disparando as ações de undo e redo

101
101 102 103 103 103 105 106 106

25.

Undo

105

1. VISÃO GERAL DO HTML5
De acordo com o W3C a Web é baseada em 3 pilares: • Umesquema de nomes para localização de fontes de informação na Web, esse esquema chama-se URI. • Um Protocolo de acesso para acessar estas fontes, hoje o HTTP. • Uma linguagem de Hypertexto, para a fácil navegação entre as fontes de informação: o HTML.

Vamos nos focar no terceiro pilar, o HTML.

Hypertexto
HTML é uma abreviação de Hypertext Markup Language - Linguagem de Marcação de Hypertexto....
tracking img