Muito bem como todos sabem, ultimamente fala-se muito do HTML5, mas afinal o que é que trás de novo? quais as vantagens?
Anteriormente falou-se também do XHTML 2 mas afinal acabou… e agora?
Pois bem caros amigos vou tentar responder a estas questões da melhor maneira possivel.
Começo pela segunda questão pois é a mais simples de responder, o XHTML 2 acabou de vez é verdade, mas mesmo assim não se preocupem aqueles que estão habituados aos “coding Standards” do XHTML pois temos o XHTML 5. XHTML 5 ? o que é?
É basicamente o o HTML5 mas com as mesmas restrições do strict XHTML 1.1, tem todas as funcionalidades do HTML 5 mas continua a exigir que todas as tags abertas sejam fechadas ex: <img />, continua a ser possivel o uso de namespaces, e não são permitidos document.write, basicamente as regras são as mesmas que no XHTML 1.1, as funcionalidades são mais, mas já vamos falar nisso.
Convém no entanto relembrar que se desejarem servir paginas em puro XML elas não irão funcionar o IE.
Vamos então a segunda parte, o que é o HTML 5, o HTML 5 será a nova versão de HTML que deverá ser suportada por todos os browsers e equipamentos segundo a W3C até 2022, esta nova versão permite uma maior separação no código dos vários elementos principais de um site, inserção directa de áudio e vídeo, etc.
Além de novas tags o HTML5 trás também um conjunto de novas API’s além do já muito conhecido DOM, são elas:
- A tag canvas para desenho de gráficos 2D em “Immediate mode” istosignifica que o simples facto de chamar a tag canvas fará com que o browser automáticamente renderize o seu conteudo como uma imagem do tipo bitmap.
- Timed media playback: fará com que elementos de vídeo e áudio sejam automaticamente reproduzidos.
- Offline Storage database ou DOM_Storage: isto permitirá guardar informações no browser em modo offline de forma a que possam ser usadas. Um pouco á semelhança do que fazemos com os coockies, mas com algumas diferenças chave, os coockies podem ser acedidos quer pelo lado do cliente quer pelo servidor, o DOM_Storage apenas poderá ser acedido pelo cliente, tem uma maior capacidade de armazenamento (5MB nos browsers com motor Mozilla, 10MB no Internet Explorer), não é enviado para o servidor via HTTP em todos os pedidos efectuados, e o servidor não pode escrever dados directamente no DOM_Storage do cliente. O DOM_Storage pode ser armazenado de 2 maneiras diferentes Local ou Session o que faz variar o seu alvo e durabilidade, sendo que nas Sessions assim que fechar a janela do browser, a session perde a sua validade.
- Existe também uma API para edição de documentos.
- Drag and Drop: Sim é verdade suporte arrastar e largar através de uma API.
- Envio de mensagens entre documentos, esta funcionalidade é bastante boa pois permite que possamos passar mensagens com informação sente 2 ou mais janelas.
- Api para gestão de Históricos do browser, podemos andar com o estado de um documentos para trás e para a frente, mas até agora era apenas 1 estado anterior e um posterior, pois bem isso vai mudar, vamos poder retroceder numa aplicação para por exemplo 3 ecrãs atrás, bastante útil não?
Bastante bom não é? vamos rapidamente ver algumas das novas tags exclusicas do HTML5 e XHTML5
- <article>
- <aside>
- <audio>
- <bb>
- <canvas>
- <command>
- <datagrid>
- <datalist>
- <details>
- <dialog>
- <embed>
- <figure>
- <footer>
- <header>
- <hgroup>
- <mark>
- <meter>
- <nav>
- <output>
- <progress>
- <ruby>
- <rp>
- <rt>
- <section>
- <source>
- <time>
- <video>
Não vou neste momento descrever pormenorizadamente o que faz cada uma destas novas tags mas deixarei isso para futuros posts sobre este HTML5, onde irei descrever uma a uma estas tags e os seus atributos bem como os valores que aceitam.
NOTA: Uma vez que o HTML5 ainda não está numa versão final e ainda está a sofrer alterações este artigo poderá ser actualizado sempre que se justifique de forma a manter uma maior paridade com o estado da linguagem.
Comentários Recentes