Guai do html56

Disponível somente no TrabalhosFeitos
  • Páginas : 43 (10669 palavras )
  • Download(s) : 0
  • Publicado : 14 de outubro de 2011
Ler documento completo
Amostra do texto
01/10/2011

Guia de Referência

GUIA DE REFERÊNCIA

Índice

Parte 1: Markup
1. Visão geral do HTML5. 2. Análise do suporte atual pelos navegadores e estratégias de uso 3. Estrutura básica, DOCTYPE e charsets 4. Modelos de conteúdo 5. Novos elementos e atributos 6. Elementos modificados e ausentes

Parte 2: Formulários e Multimídia
7. Novos tipos de campos 8. Tipos de dados evalidadores 9. Detalhes e conteúdo editável. 10. Drag-n-drop e correção ortográfica 11. Elementos audio e video, e codecs 12. Elemento device e Stream API

Parte 3: A nova geração de aplicações web I
13. MathML e SVG 14. Canvas API 15. Server-sent events 16. DOM e HTML5 17. Novos eventos DOM 18. Menus e toolbars 19. Tipos de links

Parte 4: A nova geração de aplicações web II
20. Microdata 21.Histórico de sessão e API Storage 22. Aplicações offline

http://tableless.com.br/html5/print.php

1/70

01/10/2011
23. Scroll in to view e hidden 24. Geolocation API 25. Undo

Guia de Referência

Sobre esse conteúdo
A Visie foi escolhida pelo W3C do Brasil para ministrar um treinamento sobre HTML5 para os seus membros e alguns convidados. Para tanto, construímos uma apostila com todo oconteúdo abordado neste nosso curso. Essa apostila está sendo agora publicada sob Creative Commons aqui no Tableless. Esperamos que ajude a comunidade de desenvolvimento web brasileira. Essa apostila ficará em processo de constante atualização já que muitos pontos do HTML5 não foram ainda definidos e também porque diversas outras características estão sendo planejadas e rascunhadas ainda. Se vocêtiver qualquer sugestão, por favor, nos contacte.

http://tableless.com.br/html5/print.php

2/70

01/10/2011

Guia de Referência

VISÃO GERAL DO HTML5

De acordo com o W3C a Web é baseada em 3 pilares:
Um esquema 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. Resumindo em uma frase: o HTML é uma linguagem para publicação de conteúdo (texto, imagem, vídeo, áudio e etc) na Web. O HTML é baseado no conceito de Hipertexto. Hipertexto são conjuntosde elementos – ou nós – ligados por conexões. Estes elementos podem ser palavras, imagens, vídeos, áudio, documentos etc. Estes elementos conectados formam uma grande rede de informação. Eles não estão conectados linearmente como se fossem textos de um livro, onde um assunto é ligado ao outro seguidamente. A conexão feita em um hipertexto é algo imprevisto que permite a comunicação de dados,organizando conhecimentos e guardando informações relacionadas. Para distribuir informação de uma maneira global, é necessário haver uma linguagem que seja entendida universalmente por diversos meios de acesso. O HTML se propõe a ser esta linguagem. Desenvolvido originalmente por Tim Berners-Lee o HTML ganhou popularidade quando o Mosaic - browser desenvolvido por Marc Andreessen na década de 1990 -ganhou força. A partir daí, desenvolvedores e fabricantes de browsers utilizaram o HTML como base, compartilhando as mesmas convenções.

O começo e a interoperabilidade
Entre 1993 e 1995, o HTML ganhou as versões HTML+, HTML2.0 e HTML3.0, onde foram propostas diversas mudanças para enriquecer as possibilidades da linguagem. Contudo, até aqui o HTML ainda não era tratado como um padrão. Apenas em1997, o grupo de trabalho do W3C responsável por manter o padrão do código, trabalhou na versão 3.2 da linguagem, fazendo com que ela fosse tratada como prática comum. Você pode ver: http://www.w3.org/TR/html401/appendix/changes.html. Desde o começo o HTML foi criado para ser uma linguagem independente de plataformas, browsers e outros meios de acesso. Interoperabilidade significa menos custo....
tracking img