Html 5
Lucas Fonsêca Microsoft Student Partner Engenharia de Software – UFRN Técnico em Informática para a Internet – IMD / UFRN lucasfonseca@outlook.com
HTML5
O que o html5 trás de novo? Conectividade e aplicações em tempo real Novas possibilidades de estilo com css3 Acesso a dispositivos (Interoperabilidade) Gráficos 2d, 3d e efeitos Recursos multimídias Melhor performance e integração Elementos mais semânticos Armazenamento off-line
HTML5
Tecnologias Adjacentes SVG e canvas - Gráficos 2D, 3D e vetoriais CSS3 - Novos seletores e efeitos APIs JS - Drag and Drop nativo, geolocalização, etc..
HTML5
O que são padrões web Um conjunto de formas, diretrizes, recomendações, notas, artigos e tutoriais e afins de caráter técnico, produzidos pelo W3C. É destinado a orientar os fabricantes, desenvolvedores e projetistas para o uso de práticas que possibilitem a criação de uma Web 2.0 acessível a todos.
HTML5
Web sem padrão Excesso de código Dificuldade no desenvolvimento e manutenção Estrutura e formatação/estilo no mesmo arquivo Layout com tabela
HTML5
Importante!
Trabalhar com Web Standards não é uma questão de trocar tabelas por div’s, e sim uma questão de semântica.
HTML5
Browsers
Browsers como Google Chrome, Firefox 3.5, Internet Explorer 9 e Safari 4 já dão suporte ao HTML5, e com isso algumas páginas
já vão aderindo a nova versão.
HTML5
O que muda?
Tags de estrutura Padronização
HTML5 não veio para eliminar o FLASH
HTML5
Novas tags de estrutura Como e para cabecalho e rodapé, para sessões de uma página ou para identificar um artigo ou um post.
HTML5
Novas tags de estrutura Para definir onde será o cabecalho da página. A tag section é utilizada para marcar as seções de conteúdo de uma
página.
HTML5
Novas tags de estrutura Para definir onde será o rodapé da página ou da sessão. Informações relativas ao conteúdo principal, como um menu ou um campo de busca.
HTML5