Rodrigo Cristiano Silva Introdução A HTML 5 foi idealizada por um grupo de “freethinkers” que estavam cansados do padrão oficial da.

Apresentação em tema: "Rodrigo Cristiano Silva Introdução A HTML 5 foi idealizada por um grupo de “freethinkers” que estavam cansados do padrão oficial da."— Transcrição da apresentação:

1 Rodrigo Cristiano Silva rodrigo@facens.br

2 Introdução A HTML 5 foi idealizada por um grupo de “freethinkers” que estavam cansados do padrão oficial da HTML A nova linguagem permite praticas para o desenvolvimento de páginas que eram banidas há uma década atrás Foi dedicado um esforço considerável durante a especificação da linguagem para dizer aos fabricantes de browsers como lidar com erros nas tags (markup mistakes) Finalmente é possível reproduzir vídeos sem um plug-in como o Flash Introduz uma avalanche de funcionalidades baseadas em JavaScript que podem trazer para as páginas web algumas das funcionalidades de interatividade das aplicações desktop

3 Introdução Entender a HTML 5 não é uma tarefa simples O desafio mais significante é que as pessoas usam a palavra HTML 5 para se referir a uma dúzia ou mais de padrões separados De fato, HTML 5 significa: “HTML 5 e todos seus padrões relacionados” “Próxima geração de tecnologias para o desenvolvimento de páginas web” As definições acima trazem o segundo desafio do HTML 5: suporte do browser. Browsers diferentes suportam partes diferentes do HTML 5 e ainda existem funcionalidades que não funcionam em nenhum browser

4 Visualização de Páginas HTML 5 A pergunta que todos fazem é: “Quais browsers suportam HTML 5?” Infelizmente, é uma questão que não possui uma resposta clara Como o HTML 5 é uma coleção de padrões independentes, alguns deles já são suportados e alguns deles não serão suportados por vários anos, ou nunca serão suportados Todo o resto dos padrões cai em algum lugar no meio das situações acima, o que significa que a HTML 5 funciona em algumas versões de alguns browsers

5 Suporte dos Browsers Abaixo são listados os browsers que suportam uma porção significante de HTML 5: Internet Explorer 9 ou superior Firefox 3.5 ou superior Google Chrome 8 ou superior Safari 4 ou superior Opera 10.5 ou superior O suporte dos browsers melhora com as versões mais recentes Por exemplo, o Firefox 5 oferece um suporte ao HTML 5 muito melhor que o Firefox 3.5 Antes de decidir por utilizar um recurso da HTML 5 é importante conhecer o nível de suporte ao recurso do(s) browser(s)

6 O que há de novo? Uma nova forma de estruturar as páginas Elementos Semânticos do HTML 5: um grupo de elementos que podem inserir significado às tags Quando usadas apropriadamente, essas informações extras podem ajudar o browser, ferramentas de web design e engines de busca a trabalhar de forma mais inteligente Formulários Web Refinados Mudanças no HTML 5 para elementos de formulários web O HTML 5 adiciona algumas ferramentas básicas para detectar erros nos dados de entrada Áudio e Vídeo Uma das novidades mais comentadas do HTML 5: a linguagem suporta a reprodução de vídeos e áudio

7 O que há de novo? Canvas A linguagem permite desenhar superfícies de duas e três dimensões Podem ser usados: shapes, pictures, text, shadows e animations Estilos com CSS 3 Última versão do CSS que complementa muito bem o HTML 5 Armazenamento de Dados Nova funcionalidade que permite armazenar pequenas quantidades de informação na máquina do visitante Também é possível processar arquivos selecionados pelo usuário através de código JavaScript, ao invés de processar no servidor

8 O que há de novo? Aplicações Offline A nova funcionalidade de cache do HTML 5 que permite que o browser mantenha uma página web rodando, mesmo que a conexão com a web seja perdida Comunicação com o Servidor Web XMLHttpRequest Server-Side-Events Web Sockets Geolocation Permite determinar a poição do visitante da página