html 5 0 n.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
HTML 5.0 PowerPoint Presentation
Download Presentation
HTML 5.0

Loading in 2 Seconds...

play fullscreen
1 / 8

HTML 5.0 - PowerPoint PPT Presentation


  • 113 Views
  • Uploaded on

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

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'HTML 5.0' - teal


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.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
html 5 0

HTML 5.0

Rodrigo Cristiano Silva

rodrigo@facens.br

introdu o
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
introdu o1
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
visualiza o de p ginas html 5
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
suporte dos browsers
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)
o que h de novo
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
o que h de novo1
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
o que h de novo2
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