HTML5 - Visão geral do HTML5
- Posted: Apr 18, 2012 at 8:33 AM
- 22,184 Views
- 159 Comments
Loading User Information from Channel 9
Something went wrong getting user information from Channel 9
Loading User Information from MSDN
Something went wrong getting user information from MSDN
Loading Visual Studio Achievements
Something went wrong getting the Visual Studio Achievements
VISÃO GERAL DO HTML5
De acordo com o W3C a Web é baseada em 3 pilares:
Vamos nos focar no terceiro pilar, o HTML.
Hypertexto
HTML é uma abreviação de Hypertext Markup Language - Linguagem de Marcação de Hypertexto. Resumindo em uma frase: o HTML é uma linguagem para publicação de conteúdo (texto, imagem, vídeo, áudio e etc) na Web.
O HTML é baseado no conceito de Hipertexto. Hipertexto são conjuntos de elementos – ou nós – ligados por conexões. Estes elementos podem ser palavras, imagens, vídeos, áudio, documentos etc. Estes elementos conectados formam uma grande rede de informação. Eles não estão conectados linearmente como se fossem textos de um livro, onde um assunto é ligado ao outro seguidamente. A conexão feita em um hipertexto é algo imprevisto que permite a comunicação de dados, organizando conhecimentos e guardando informações relacionadas.
Para distribuir informação de uma maneira global, é necessário haver uma linguagem que seja entendida universalmente por diversos meios de acesso. O HTML se propõe a ser esta linguagem.
Desenvolvido originalmente por Tim Berners-Lee o HTML ganhou popularidade quando o Mosaic - browser desenvolvido por Marc Andreessen na década de 1990 - ganhou força. A partir daí, desenvolvedores e fabricantes de browsers utilizaram o HTML como base, compartilhando as mesmas convenções.
O começo e a interoperabilidade
Entre 1993 e 1995, o HTML ganhou as versões HTML+, HTML2.0 e HTML3.0, onde foram propostas diversas mudanças para enriquecer as possibilidades da linguagem. Contudo, até aqui o HTML ainda não era tratado como um padrão. Apenas em 1997, o grupo de trabalho do W3C responsável por manter o padrão do código, trabalhou na versão 3.2 da linguagem, fazendo com que ela fosse tratada como prática comum. Você pode ver:
http://www.w3.org/TR/html401/appendix/changes.html
Desde o começo o HTML foi criado para ser uma linguagem independente de plataformas, browsers e outros meios de acesso. Interoperabilidade significa menos custo. Você cria apenas um código HTML e este código pode ser lido por diversos meios, ao invés de versões diferentes para diversos dispositivos. Dessa forma, evitou-se que a Web fosse desenvolvida em uma base proprietária, com formatos incompatíveis e limitada.
Por isso o HTML foi desenvolvido para que essa barreira fosse ultrapassada, fazendo com que a informação publicada por meio deste código fosse acessível por dispositivos e outros meios com características diferentes, não importando o tamanho da tela, resolução, variação de cor. Dispositivos próprios para deficientes visuais e auditivos ou dispositivos móveis e portáteis. O HTML deve ser entendido universalmente, dando a possibilidade para a reutilização dessa informação de acordo com as limitações de cada meio de acesso.
WHAT Working Group
Enquanto o W3C focava suas atenções para a criação da segunda versão do XHTML, um grupo chamado Web Hypertext Application Technology Working Group ou WHATWG trabalhava em uma versão do HTML que trazia mais flexibilidade para a produção de websites e sistemas baseados na web.
O WHATWG (http://www.whatwg.org/) foi fundado por desenvolvedores de empresas como Mozilla, Apple e Opera em 2004. Eles não estavam felizes com o caminho que a Web tomava e nem com o rumo dado ao XHTML. Por isso, estas organizações se juntaram para escrever o que seria chamado hoje de HTML5.
Entre outros assuntos que o WHATWG se focava era Web Forms 2.0 que foi incluído no HTML5 e o Web Controls 1.0 que foi abandonado por enquanto.
A participação no grupo é livre e você pode se inscrever na lista de email para contribuir.
Por volta de 2006, o trabalho do WHATWG passou ser conhecido pelo mundo e principalmente pelo W3C - que até então trabalhavam separadamente - que reconheceu todo o trabalho do grupo. Em Outubro de 2006, Tim Berners-Lee anunciou que trabalharia juntamente com o WHATWG na produção do HTML5 em detrimento do XHTML 2. Contudo o XHTML continuaria sendo mantido paralelamente de acordo comas mudanças causadas no HTML. O grupo que estava cuidando especificamente do XHTML 2 foi descontinuado em 2009.
O HTML5 e suas mudanças
Quando o HTML4 foi lançado, o W3C alertou os desenvolvedores sobre algumas boas práticas que deveriam ser seguidas ao produzir códigos client-side. Desde este tempo, assuntos como a separação da estrutura do código com a formatação e princípios de acessibilidade foram trazidos para discussões e à atenção dos fabricantes e desenvolvedores.
Contudo, o HTML4 ainda não trazia diferencial real para a semântica do código. o HTML4 também não facilitava a manipulação dos elementos via Javascript ou CSS. Se você quisesse criar um sistema com a possibilidade de Drag'n Drop de elementos, era necessário criar um grande script, com bugs e que muitas vezes não funcionavam de acordo em todos os browsers.
O que é o HTML5?
O HTML5 é a nova versão do HTML4. Enquanto o WHATWG define as regras de marcação que usaremos no HTML5 e no XHTML, eles também definem APIs que formarão a base da arquitetura web. Essas APIs são conhecidas como DOM Level 0.
Um dos principais objetivos do HTML5 é facilitar a manipulação do elemento possibilitando o desenvolvedor a modificar as características dos objetos de forma não intrusiva e de maneira que seja transparente para o usuário final.
Ao contrário das versões anteriores, o HTML5 fornece ferramentas para a CSS e o Javascript fazerem seu trabalho da melhor maneira possível. O HTML5 permite por meio de suas APIs a manipulação das características destes elementos, de forma que o website ou a aplicação continue leve e funcional.
O HTML5 também cria novas tags e modifica a função de outras. As versões antigas do HTML não continham um padrão universal para a criação de seções comuns e específicas como rodapé, cabeçalho, sidebar, menus e etc. Não havia um padrão de nomenclatura de IDs, Classes ou tags. Não havia um método de capturar de maneira automática as informações localizadas nos rodapés dos websites.
Há outros elementos e atributos que sua função e significado foram modificados e que agora podem ser reutilizados de forma mais eficaz. Por exemplo, elementos como B ou I que foram descontinuados em versões anteriores do HTML agora assumem funções diferentes e entregam mais significado para os usuários.
O HTML5 modifica a forma de como escrevemos código e organizamos a informação na página. Seria mais semântica com menos código. Seria mais interatividade sem a necessidade de instalação de plugins e perda de performance. É a criação de código interoperável, pronto para futuros dispositivos e que facilita a reutilização da informação de diversas formas.
O WHATWG tem mantido o foco para manter a retrocompatibilidade. Nenhum site deverá ter de ser refeito totalmente para se adequar aos novos conceitos e regras. O HTML5 está sendo criado para que seja compatível com os browsers recentes, possibilitando a utilização das novas características imediatamente.
Este treinamento faz parte do Microsoft Virtual Academy: http://www.microsoftvirtualacademy.com
Already have a Channel 9 account? Please sign in
Follow the Discussion
Oops, something didn't work.
What does this mean?
Following an item on Channel 9 allows you to watch for new content and comments that you are interested in. You need to be signed in to Channel 9 to use this feature.What does this mean?
Following an item on Channel 9 allows you to watch for new content and comments that you are interested in and view them all on your notifications page.sign up for email notifications?
proximo ao fim do topico: WHAT Working Group, encontra-se um erro de digitação:
"Contudo o XHTML continuaria sendo mantido paralelamente de acordo >>>comas<<< mudanças causadas no HTML"
fica aqui uma dica para acertar e manter no mais alto nivel este serviço que qualifico como excelente!
post muito bacana, realmente esclarecedor!
Muito bom, eu desconhecia alguns dos pontos citados.
Excelente explicação!
Muito bom gostei!
Gostei muito, muito bacana mesmo!
E pensar que HTML5 é coisa nova, os caras estão imersos na busca por melhoria desde 2004. Muito bom esse texto.
Evolução sempre. Estudando e aprendendo.
Parabéns pelo tópico.
O principal diferencial do html 5 é que ele nos deixa um pouco mais livres de manipular outros tipos de ferramenta no codigo-fonte como flash ou outros plugins adicionais, é claro que ele não substitui tudo, mas ele nos permite ser um pouco mais independente na hora de se fazer um sistema, haja vista que hoje em dia a compatibilidade é muito importante e o html5 também promete ser compatível com a grande variedade de dispositivos com diferentes navegadores que acessam a internet.
Parabéns pelo tópico. Muito bom!
Excelente informação...parabens!
Parabéns pelo post,para mim tudo é novidade pois estou começando a aprender agora.
Bom para eu que sou novo na área da informática, admiro esse conteudo, pq no curso técnico pude ter conhecimento somente do HTML 4... e acredito que o HTML5 vem com grande melhorias na sua edição.
Parabéns aos editores.
Muito bom.
Parabéns pelo post! Deu pra aprender bastante com esse conteúdo.
muito bom memso
Informativo e esclarecedor este post.
Parabéns!
O Conteudo é muito bom.
Muito interessante!!!Gostei muito do conteúdo...
Atualizando o conhecimento, muito bacana!
Muito bom mesmo!
E pensar que trabalham nisso desde 2004.. o que já não devem estar fazendo de novo hahaha
post muito bom. Estava precisando de algo nesse nível.
Excelente informação!Parabéns.
Conteúdo muito bom. Anseio por uma rápida adesão ao HTML5 por parte das empresas. O site fica bem mais leve, agradável de se navegar sem contar na compatibilidade. Independência de navegador é tudo!
Post esclarecedor. Muito bom o conteúdo explicitado.
Conteúdo bom e explicação objetiva. Gostei.
Bem objetivo ao tema.
Bem esclarecedor, sem dúvidas completo
Muito bom conteudo
Ótimo conteúdo. O texto contém fácil entendimento.
muito bom
evolução.
Gostei do Conteúdo .
Show! Gostei da introdução sobre o HTML5. Agora estou começando a entender tudo isso :D
Muito bom! Gostei muito da introdução!
muito bacana gostei
Bem explicado! Excelente!
É sempre muito importante acompanhar as evoluções tecnológicas para sempre disponibilizarmos, nós desenvolvedores, o que há de mais avançado aos usuários e termos disponível maior gama de recursos. E desfrutarmos, nós usuários, das novidades possibilitadas por tais evoluções.
Muito bom , bem explicado!!
Excelente explicação sobre o assunto!
Muito bom , bem explicado!!
Existe uma data onde de fato se tornará padrão usar HTML5?
Muito bom o texto! Parabéns!
Excelente texto, ótimo para aqueles que estão iniciando no desenvolvimento WEB
Ficou muito bom o texto de introdução vai contribuir para os estudos.
otimas informações...concretas!
Boa explicação do HTML5.
Muito boa a explicação
Ás exolicações são muito claras. Ficou fácil!
Bem colocado o texto...
de fácil entendimento.
Muito bom o texto.
O HTML5 facilita muito mais. Com ele temos menos trabalho e mais eficiência.
Excelente informação!Parabéns.
Esclarecimento importante, parabéns.
Tem a versão em PDF:
http://www.w3c.br/pub/Cursos/CursoHTML5/html5-web.pdf
Muito bom o artigo...
Muito bom este artigo...
Muito bom a explicação do conteúdo sobre HTML e suas versões
Por fim uma padronização, digna desse nome?
É o que todos esperamos há muito tempo.
Parabéns pelo artigo.Simples e abrangente.
Legal, informações históricas importantes.
Ótimo texto! Simples e direto, sem ser simplista. Gostei muito do resumo sobre a evolução do HTML.
Texto realmente simples e objetivo, explicando bem o HTML 5.
Já estava na hora de aparecer um curso sobre essa nova tecnologia que esta desde o inicio sendo utilizada! Parabéns a toda a equipe da Microsoft Virtual Academy.
Planejar, adaptar, estruturar, evoluir.
Custe o tempo que custar, estaremos constantemente em busca
de soluções e oportunidades.
Muito bom, gostei!
excelente artigo!
Muito bom este artigo.
Muito bom.
Show, super claro e objetivo!
Excelente! Explicação perfeita, clara e objetiva! Parabéns Diego Blanco!
Muito bom
Este post realmente e uma introdução muito bem construída sobre o que e HTML e as mudanças básicas da mudança para HTML5.
O texto "comas" está errado, acredito que o correto seria "com as"...
Muito bom o texto, obrigado.
Muito bom material.
Realmente, está ótimo!
Perfeito..!
Muito, Muito bom!!!
Otimo conteudo!
Muito boa fonte de infirmação.
Muito bem explicado .. show de bola !
ótima introdução ao HTML. Uma das Principais ferramentas web.
Otima introdução
tem video aula(31 em total ) xhtml completas no you tube -universidade xti xhtml.
Legal.. Legal...
mto bom !
Entendi tudo, Parabéns :D
Muito importante o assunto e sua divulgação, para diminuir o ciclo entre o lançamento do HTML5 e sua utilização pela maioria dos desenvolvedores.
Muito Legal, super informaivo!
Muito bom!
Emfim, a semântica.
Muito bom, pra mim que estou, nesse momento apaixonado por web, e começando a programar, foi uma super informação.
Excelente para nós que desenvolvemos aplicativos, uma página mais enxuta com menos código e mais interativa.
Muito interessante...
Muito bem explicado, sem muitas delongas, bem objetivo!
Sucinto e esclarecedor. Muito bom !!!
Perfeito para quem está começando!!!
Muito bom.
Apesar de ser novato no mundo WEB, esse tal de HMTL5 me chama a atenção.
Estou iniciando no HTML5, muito interessante a iniciativa da microsoft.
Muito bom
HTML5 veio pra mudar mesmo!! e nós como desenvolvedores devemos nos qualificar para esta mudança e se possivel ajudar na mudança..
ótimo post!!
Parabens!
Excelente
excelente gostei...
Muito Bom!
Excelente...
Excelente
Ok. muito bom.
quanto menos Plugins precisarmos chamar é certeza que o carregamento sera muito mais rápido.
Muito boa intridução. Excelente para iniciar com o HTML5
O que se espera de uma tecnologia é sua evolução continua com inovações que facilitem seu uso. Com essas novas funcionalidades apresentadas ficou bem explicito que o HTML5 apresenta novas características que irão possibilitar aos desenvolvedores melhores resultados em suas aplicações, além de contribuir com outras tecnologias como o caso das máquinas de busca por meio das tags de cabeçalho e rodapé.
Muito bom!!!
Informação muito relevante! Aprimorando conhecimentos.
Very, very, very good! Now the Next: http://channel9.msdn.com/posts/HTML5-Estrutura-bsica-DOCTYPE-e-Charsets
Muito bom mesmo!
Melhor definição de HTML5 que já vi
parabenz, gostei muito das informações apresentada bem resumida e bem objetiva.
Ótima visão geral do HTML 5 e explicação do surgimento e do contexto em que foi criado. Nós programadores que trabalhamos com MVC precisamos estar afiados nas novidades do HTML, ainda mais focando na UX
muito bom. essa explicação e vamos para cima...
Gostei. Muito obrigado.
Muito bom o conteúdo, confesso que tinha passagens que não tinha conhecimento. Muito obrigado pelo conteúdo!
Post muito límpido e eficiente para iniciantes, gostei e entendi muito bem.
Post muito explicativo, e algumas informações que eu não conhecia. Gostei muito e agregando a minha base de conhecimento.
ótimo conteúdo, Parabéns.
Otimo! precisamos de mais iniciativas assim.
Boa introdução!
òtimo, sempre é bom rever alguns conceitos.
Texto bacana, com uma linguagem agradável e didática. Valeu!
Good!
Muito bom para ser sincero o html5 parece ser o futuro mais certo para padronização da Web, muito bom este conteudo.
Post muito bacana, HTML5 vale a pena
ótimo texto...
Nice
è realmente o futuro da web
Só falta os navegadores começarem a ler as linhas de comando novas (Internet Explorer, essa é pra você
) , por que apesar da intenção ser uma linguagem pra funcionar em toda parte da web, ela ainda não funciona completamente em vários navegadores.
@italotoffolo: valeu o link!
da horanb
Ótimo post, já havia lido sobre o assunto e existem várias tags extraordinárias!!!!
excelente explicação sobre HTML5, gostei tirou minhas duvidas, parabéns
Muito bom! o HTML 5 ta vindo com tudo..post excelente
muito bom mesmo!!!!
Muita coisa nesse post eu já sabia rsrs
Very good...
Boa, não conhecia a história!
Vivendo e aprendendo, muito legal.
Boa aula.
O interessante é que estão sempre inovando. Sempre um sobrepoem ao outro trazendo mais linguagens para pulblicar conteúdos.É uma maneira de ter uma formação continuada em tecnologia.
Excelente aula, muito direta e bem explicada.
Muito bem explicado e objetivo, esclareceu várias dúvidas em poucas linhas.... Vamos para os próximos tópicos.
Gostei do texto, muito esclarecedor.
O tempo passa e o que sabemos hoje se torna a base para o que vamos aprender amanhã, sendo que o de hoje já não se usa.
A Linguagem de Hypertext se parece muito ao antigo CARTA CERTA "MS-DOS" que utilizávamos na metade da década de 90 para redigir textos, hoje substituído pelo WORD.
O diferencial hoje e que causam algumas incompatibilidades são formas e bibliotecas de linguagens "semi-unificadas" que obrigam ao desenvolvedor escrever o mesmo código em 3 ou 4 formatos, "aqui me refiro as modificações nas propriedades", apenas por se ajustarem cada qual ao seu um navegador.
Bom texto, muito esclarecedor.
Ótimo e muito bem explicado.
Pelo que vi, o HTML5 traballha com CSS e JAVASCRIPT. Gostaria de saber se o mesmo trabalha com o JQuery?
Bem esclarecedor, a dúvida ainda é se todos os browsers irão dá suporte de imediato a todas as tags html5, para não termos surpresas ao mostrar para alguns clientes que não têm o hábito de atualizar os browsers.
Parabéns pelo post!
Ótimo conteudo!
muito bem elaborado o texto
ta bom, espero que continue assim as demais aulas.
muito bom e bem esclarecedor
Remove this comment
Remove this thread
close