1. Introdução
O HiperText Markup Language ou simplesmente HTML, continua trazendo grandes contribuições para o advento da internet, pois é o tipo de conteúdo que mais trafega pela rede mundial de computadores. Apesar da enorme importância para o mundo da informação o HTML estancou na versão 4.0.1 desde 1999 e não acompanhou as dinâmicas mudanças que ocorreram nos últimos anos e para atender as necessidades careceu utilizar plugins externos como o flash player e outros. Mas felizmente, isso são coisas do passado, pois a W3C (World Wide Web Consortium) e a WHATWG (Web Hypertext Application Technology Working Group) disponibilizaram uma versão de teste que provavelmente será a nova cara do HTML. Esse artigo mostra as novas características dessa versão que, inclusive, já tem suporte para algumas funcionalidades nos mais conceituados navegadores e brevemente será oficializado por definitivo como o HTML 5.
2. O HTML5.
Surgido a partir de um consórcio entre a W3C (World Wide Web Consortium) e a WHATWG (Web Hypertext Application Technology Working Group), o HTML5 será o novo padrão para a estruturação e apresentação de conteúdo na Word Wide Web trazendo melhorias significativas com novas funcionalidades de semântica e acessibilidade, além de melhorar o suporte aos mais recentes conteúdo multimídias.
As principais mudanças que a nova versão proporcionará aos usuários são: Melhor tratamento de exceção, mais tags para substituir scripts, independência de plataforma e redução da necessidade de plugins externos.
3. As novas características do HTML5.
As novas característica da versão 5 estão ligadas diretamente as necessidades de suporte independente aos novos formatos de conteúdos multimídia, as novas funcionalidades de semânticas e acessibilidade. São elas:
a) Inclusão do elemento canvas para desenho.
O elemento canvas foi incluído para permitir desenhar gráficos em uma página web, tarefa essa que atualmente só é possível com a utilização de plugins externos.
O canvas é uma área retangular onde o usuário, via JavaScript, vai poder controlar todos os pixels, além de desenhar vários elementos gráficos como círculo, retângulo, elipse, linha, texto, imagens, etc. Para usar um elemento canvas no documento, além da inclusão da tag, temos que manipular o elemento via JavaScript:
Inclusão da tag:
Manipulação do elemento com JavaScript:
b) Inclusão dos elementos vídeo e áudio para reprodução multimídia.
Outro motivo para integrar plugins externos é o uso de áudio e vídeo nas páginas web. Com a inclusão de tags específicas para este fim, a HTML5 dá suporte nativo para a reprodução de áudio e vídeo sem a necessidade de utilizar mecanismos externos. Para usar o elemento áudio ou vídeo, basta incluir a tag específica no documento.
Elemento vídeo:
Elemento áudio:
c) Melhor suporte para armazenamento local.
O HTML5 oferece 2 novos objetos para armazenar dados localmente:
sessionStorage: Armazena dados durante uma sessão ativa.
localStorage: Armazena dados sem limite de tempo.
d) Inclusão de novos elementos de conteúdo específico.
Muitos elementos da versão 4.0.1 foram excluídos da nova versão, uns por nunca terem sido usados, outros por estarem obsoletos e outros por serem usados indevidamente. A nova versão trás novos elementos para proporcionar aos usuários uma melhor estrutura, desenho e conteúdo multimídia.
A seguir uma relação dos novos elementos com sua descrição:
Tag Descrição
Especifica um artigo qualquer
1. Introdução
O HiperText Markup Language ou simplesmente HTML, continua trazendo grandes contribuições para o advento da internet, pois é o tipo de conteúdo que mais trafega pela rede mundial de computadores. Apesar da enorme importância para o mundo da informação o HTML estancou na versão 4.0.1 desde 1999 e não acompanhou as dinâmicas mudanças que ocorreram nos últimos anos e para atender as necessidades careceu utilizar plugins externos como o flash player e outros. Mas felizmente, isso são coisas do passado, pois a W3C (World Wide Web Consortium) e a WHATWG (Web Hypertext Application Technology Working Group) disponibilizaram uma versão de teste que provavelmente será a nova cara do HTML. Esse artigo mostra as novas características dessa versão que, inclusive, já tem suporte para algumas funcionalidades nos mais conceituados navegadores e brevemente será oficializado por definitivo como o HTML 5.
2. O HTML5.
Surgido a partir de um consórcio entre a W3C (World Wide Web Consortium) e a WHATWG (Web Hypertext Application Technology Working Group), o HTML5 será o novo padrão para a estruturação e apresentação de conteúdo na Word Wide Web trazendo melhorias significativas com novas funcionalidades de semântica e acessibilidade, além de melhorar o suporte aos mais recentes conteúdo multimídias.
As principais mudanças que a nova versão proporcionará aos usuários são: Melhor tratamento de exceção, mais tags para substituir scripts, independência de plataforma e redução da necessidade de plugins externos.
3. As novas características do HTML5.
As novas característica da versão 5 estão ligadas diretamente as necessidades de suporte independente aos novos formatos de conteúdos multimídia, as novas funcionalidades de semânticas e acessibilidade. São elas:
a) Inclusão do elemento canvas para desenho.
O elemento canvas foi incluído para permitir desenhar gráficos em uma página web, tarefa essa que atualmente só é possível com a utilização de plugins externos.
O canvas é uma área retangular onde o usuário, via JavaScript, vai poder controlar todos os pixels, além de desenhar vários elementos gráficos como círculo, retângulo, elipse, linha, texto, imagens, etc. Para usar um elemento canvas no documento, além da inclusão da tag, temos que manipular o elemento via JavaScript:
Inclusão da tag:
Manipulação do elemento com JavaScript:
b) Inclusão dos elementos vídeo e áudio para reprodução multimídia.
Outro motivo para integrar plugins externos é o uso de áudio e vídeo nas páginas web. Com a inclusão de tags específicas para este fim, a HTML5 dá suporte nativo para a reprodução de áudio e vídeo sem a necessidade de utilizar mecanismos externos. Para usar o elemento áudio ou vídeo, basta incluir a tag específica no documento.
Elemento vídeo:
Elemento áudio:
c) Melhor suporte para armazenamento local.
O HTML5 oferece 2 novos objetos para armazenar dados localmente:
sessionStorage: Armazena dados durante uma sessão ativa.
localStorage: Armazena dados sem limite de tempo.
d) Inclusão de novos elementos de conteúdo específico.
Muitos elementos da versão 4.0.1 foram excluídos da nova versão, uns por nunca terem sido usados, outros por estarem obsoletos e outros por serem usados indevidamente. A nova versão trás novos elementos para proporcionar aos usuários uma melhor estrutura, desenho e conteúdo multimídia.
A seguir uma relação dos novos elementos com sua descrição:
Tag Descrição
0 comentários:
Postar um comentário