Este documento fornece um resumo sobre HTML 5 e Internet Explorer 9. Apresenta os novos elementos estruturais do HTML 5 como <header>, <footer>, <nav> e <article>. Também discute os novos elementos de mídia como <video> e <audio>, além dos novos controles de formulário. Por fim, fornece recomendações sobre o uso do HTML 5.
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
Visão Geral do HTML5 e do Internet Explorer 9
1. Visão geral do HTML 5 e Internet Explorer 9 Rodrigo Kono Microsoft MVP MCP, MCTS, MCPD, MCT www.rodrigokono.net
2. Rodrigo Kono Experiência de 10 anos em web MVP da Microsoft MCP – MCTS – MCPD – MCT Fundador do grupo de usuários DevGoiás .NET 7 anos de comunidade .NET Mais de 11.200 pessoas nesse tempo Secretaria da Fazenda do Estado de GO Bacharel em Ciência da Computação Pensou.NET Treinamentos – www.pensou.net Twitter: @rodrigokono www.rodrigokono.net Treinamento e formação em TI
4. Agenda Você sabe HTML? Web Standards e um pouco de história HTML 5 Novos elementos de estrutura <video> <audio> novos controles de formulário O que já se foi Estrutura de documento Quando podemos usar e o que W3C recomenda Novidades do Internet Explorer 9 Recomendações gerais
6. Errado. E daí!? <p><b>Galo vira sobre o Timão, mantém sonho e dá alegria a Flu e Cruzeiro</b> <br><br> Triunfo do Atlético-MG impede o Corinthians de reassumir a liderança, e a equipe de Belo Horizonte ganha mais fôlego na briga para sair do Z-4</p>
7. Correto! A internet agradece. <h1>Galo vira sobre o Timão, mantém sonho e dá alegria a Flu e Cruzeiro</h1> <p>Triunfo do Atlético-MG impede o Corinthians de reassumir a liderança, e a equipe de Belo Horizonte ganha mais fôlego na briga para sair do Z-4</p>
10. 2004 - 2007 WHAT WGWeb Hypertext Application Technology Working Group
11. 2007 CSS 3 Apresentação HTML 5 Estrutura/Conteúdo
12. O que a Microsoft diz sobre o HTML5? “In a nutshell, we love HTML5, we love it so much we want it to actually work” Dean HachamovitchGeneral Manager for Internet Explorer, Microsofthttp://www.microsoft.com/presspass/exec/Hachamovitch
15. HTML 5 – Elementos de estrutura Elementos estruturais <header> <footer> <nav> <aside> <!-- Similar a barra lateral --> <article> <!-- Pode ser usado em um post de blog --> <section> <!–- Agrupar conteúdos relacionados --> Outros Elementos <audio> <video> <svg> <canvas>
16. HTML 5 <video> Suporte ao elemento <video> do HTML 5 Padrões de indústria MPEG-4/H.264 Vídeopodesercombinado com qualquercoisanapágina Conteúdo HTML, imagens, gráficos SVG Atributos src, autoplay, controls, preload, loop,height & width <video src="video.wmv" id="videoTag" width="640px" height="360px"> <!–- Só é exibidoquando o navegadornãosuportavídeo --> <!–- Vocêpodetambémembedar um vídeoem Silverlight --> </video>
17. HTML 5 <audio> Suporteao elemento<audio> do HTML 5 Industry-standard MP3 and AAC audio Fully scriptable via the DOM Atributos src, autoplay, controls, preload <audio src="audio.mp3" id="audioTag" autoplay controls> <!–- Só é exibidoquando o navegadornãosuportaáudio--> <!–- Vocêpodetambémembedar um áudioem Silverlight –-> </video>
18. HTML 5 – áudio e vídeo Prós Sembarreiras– nãonecessita de plug-in Cadavezmaispopulares Ferramentaspara encoding grátis Contras Nãosuporta DRM Qual codec usar? Não é fácilgerenciar a largura de banda
22. HTML 5 – Elementos obsoletos <applet> <!–- Use a tag <embed> --> <big> <!–- Use CSS, pois denota estilo --> <blink> <center> <font> <acronym> <basefont> <dir> <s><strike> <u> <frame><frameset> <noframes> <tt>
27. O que a W3C diz... Prática e uso em partes Implementação em módulos Mas não recomenda uso em produção http://www.infoworld.com/d/developer-world/w3c-hold-html5-in-websites-041 Atualização completa Calendário previsto para 2010 Recomendação para 2011 Implementação em vários browsers http://ishtml5readyyet.com
28. Internet Explorer 9 Nova enginejavaScript (chakra) Melhorias no DOM, HTML e CSS parsing Rápido: gráficos acelerados pela GPU Limpo: Nova interface Confiável: mais seguro e mais confiável Interoperável: HTML5 & W3C
30. Próximospassos Baixe o Internet Explorer 9 Beta 1 www.internetexplorer9.com.br Visite o developer center http://msdn.microsoft.com/pt-br/ie/default.aspx
31. Recomendações Especificação e documentação toda online. Estude e pratique na medida do possível. Evolução gradativa, acompanhe. Fique atento ao seu negócio e aos objetivos do usuário. Analise antes de aplicar. Uma dose saudável de senso crítico Ref: http://spkr8.com/t/1250
32. HTML 5 x Silverlight x Flash Amigo ou inimigo?
33. Links HTML 5 HTML 5 Doctor: http://html5doctor.com HTML 5 Demos: http://html5demos.com HTML 5 Spec http://dev.w3.org/html5/spec/Overview.html Conteúdo do curso HTML5 W3C http://w3c.br/cursos/html5/conteudo Adaptação para browsers antigos http://www.modernizr.com
35. Treinamentos e Formaçãoem TI HandsOnLab - Professional – Official – Open Training Boas práticas , dicas, experiência, etc ASP.NET 4, C# 4, LINQ, Windows Azure, jQuery + Web Standards, Silverlight, SQL... Windows Server 2008 R2, Sharepoint 2010, Exchange 2010, BPOS... www.pensou.net
Inserir um vídeo em HTML ficou tão simples quanto inserir uma imagem no documento.mas Elemento de vídeo nao é o que há de melhor no html5.inserção de novos elementos pra estruturação de páginas. Isto traz uma semantica muito maior ao desenvolvimento.Demo From IETestDrive.comwww.youtube.com/html5mas youtube disse queo html5 ainda nao está preparado para rodar 100% em html5.
DRM: Digital Rights Managementou gestão de direitos digitais:GDD
Quando falamos de "mesmo" mark-up ", nós realmente queremos dizer uma coisa importante. Queremos que a marca se você escrever, trabalhar da mesma forma e da maneira correta em todos os navegadores. O exemplo que você vê na tela mostra Internet Explorer 9 plataforma de visualização em relação ao Chrome 4. Ambos têm uma borda tracejada, bem como cantos arredondados por meio da propriedade CSS3 border-radius. No Internet Explorer 9, os traços são a mesma largura em toda a volta da fronteira, e espaçamento igual entre eles. traços do Chrome parece um pouco aleatório.Não é suficiente apenas para ter certeza que estamos implementando os recursos e as especificações que você desejar. Estamos trabalhando diretamente com a W3C para verificar se as especificações que estão escritas são claras e fortes. Que podemos descobrir as ambigüidades cedo, antes da implementação e que todos têm uma voz na mesa. O Internet Explorer equipe de engenharia está bem integrado diversos grupos de trabalho sobre o W3C, incluindo o grupo de trabalho HTML5 (onde Paul Cotton, um funcionário da Microsoft é uma co-presidência), o Grupo de Trabalho de SVG, e muitos mais. Só para se ter uma idéia de quem está envolvido em um grupo de trabalho, eu tenho alguns stats do Grupo de Trabalho HTML. Há mais de 40 organizações-membro do W3C, mais de 400 participantes, 280 especialistas convidados, 9 de listas de discussão. É um grupo grande, mas muito importante!Trabalhando com o W3C também inclui o trabalho em testes de forças-tarefa para que haja um conjunto de testes de interoperabilidade que todos os fabricantes de navegadores podem acordar. Por exemplo, nós estamos no teste SVG Taskforce, Testes HTML Taskforce, e Teste de acessibilidade do Grupo de Trabalho e criou e apresentou 2.138 casos de teste para os organismos de normalização a partir do lançamento do Internet Explorer Platform Preview Build 4 em 4 de agosto de 2010http://ie.microsoft.com/testdrive/HTML5/01BorderRadius/Default.html