Como surgiu o HTML5?
Desde 1999, o desenvolvimento da linguagem HTML ficou estacionado na versão 4. Isso, devido a W3C ter optado pelo foco em linguagens XML e SVG. Porém, os desenvolvedores de navegadores, sempre preocupados em em melhorar as funcionalidades desses seus produtos, como abrir páginas em abas e oferecer integração com leitores RSS. Pensando nas possíveis melhorias, as organizações Mozilla Foundation, Opera e Apple se uniram para atualizar o HTML e implementar novas funções.
Novos elementos de estrutura
Diversos elementos novos foram introduzidos no HTML5 visando facilitar a compreensão e manutenção do código. Alguns elementos, tratam-se apenas da evolução do elemento <div>, outros foram desenvolvidos baseados na necessidade de se padronizar a publicação do conteúdo. Alguns desses elementos podem ser vistos abaixo:
<header> -> cabeçalho da página ou da seção;
<section> -> cada seção do conteúdo;
<article> -> um item dentro do conteúdo de uma página ou seção;
<footer> -> o rodapé de uma página ou seção;
<nav> -> o conjunto de links que formam a navegação, ou seja, o menu principal do site, ou os links relacionados ao conteúdo da página;
<aside> -> conteúdo relacionado ao artigo.
<aside> -> conteúdo relacionado ao artigo.
Com a utilização desses novos elementos, a página HTML5 teria sua disposição da seguinte forma:
 | |
| Figura 1: Página HTML5 com a utilização dos novos elementos. |
Novos elementos de conteúdo
<figure> -> usado para associar uma legenda a uma imagem, vídeo, arquivo de áudio, objeto ou iframe;
<canvas> -> por meio de uma API gráfica, renderiza imagens 2D dinâmicas que poderão ser usas em jogos, gráficos, etc.;
<audio> e <video> -> usados para streaming de áudio e vídeo, visando uma padronização em todos os navegadores;
<dialog> -> usado juntos com as tags <dt> e <dd> para criar um diálogo;
<timer> -> usado para data e/ou hora;
<meter> -> usado para representar medidas, que podem ser de distância, de armazenagem em disco, etc.
Elementos retirados do HTML5
Com a inserção de novos elementos no HTML5, alguns dos elementos existentes nas versões anteriores foram retirados, a maioria devido a sua finalidade apenas visual, o que passa a substituídos por declarações em linguagem CSS:
- <basefont>;
- <big>;
- <center>;
- <font>;
- <s>;
- <strike>;
- <tt>;
- <u>.
Tendo alguns outros elementos removidos devido ao fato de afetarem negativamente a acessibilidade do site:
- <frame>;
- <frameset>;
- <noframes>.
Além dos elementos apresentados acima, alguns atributos também foram removidos do HTML5, a maioria por ter caído em desuso ou pela substituição em declarações CSS:
- target no elemento <a>;
- align nos elementos <table> e demais tags de tabelas: <iframe>, <img>, <input>, <hr>, etc.;
- background em <body>;
- bgcolor nos elementos de tabela e no <body>;
- border em <table> e <object>;
- cellpadding e cellspacing em <table>;
- height em <td> e <th>;
- width nos elementos <hr>, <table>, <td>, <th> e <pre>;
- hspace e vspace em <img> e <object>;
- noshade e size em <hr>.
Doctype
Outra mudança importante foi na declaração do doctype que anteriormente assumia um código complexo e grande, que na maioria das vezes era apenas copiado de algum lugar e colados em suas páginas pelos desenvolvedores. Agora sendo substituída apenas pela declaração doctype:<!DOCTYPE html>
Mais informações
Para mais informações sobre o HTML5 consulte a documentação oficial no site da W3C: http://www.w3.org/
Nenhum comentário:
Postar um comentário