1 / 8

HTML 5.0

HTML 5.0. Rodrigo Cristiano Silva rodrigo@facens.br. 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

teal
Download Presentation

HTML 5.0

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. HTML 5.0 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 (markupmistakes) • 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

More Related