HTML5

1) Quais são os novos elementos estruturais?

HTML 5 é uma nova versão de diversas especificações, entre as que se encontram: HTML 4, HTML 1, DOM Nível 2 (DOM = Document Objetc Model)

HTML 5 proporciona uma plataforma para desenvolver aplicações web baseadas nas aplicações de área de trabalho, onde nao falte recursos e proporcione facilidades para resolver as necessidades reais dos desenvolvedores.

Novos elementos

Além das tags de mídia (audio e vídeo), a canvas e das novas tags de estrutura: section, article, nav, aside, header e footer, tem também, as tags: embed usada para pluggins e a tag progress que representa dados em progresso como o download. A tag time utilizada para informações de dia e hora mostrando o horário e data de navegação

Novos atributos

Possibilita a criação de formulários sem a necessidade de scripts externos para validação das informação inseridas pelos usuários.

Os placeholder que pode ser declarado nos elementos input e textarea, utilizado para validar o tipo de informação a ser inserida. Por exemplo: <input type=”email” placeholder=”[e-mail]” />. O atributo required que pode ser declarado aos campos de um formulário exigindo preenchimento.

Elementos Alterados

O elemento 'b' representará somente negrito na tela e o elemento 'i' representará informações em outras línguas.

Elementos eliminados

Os elementos center, u, tt, frame e noframes foram eliminados na linguagem

2) Quais são os novos elementos de vídeo e áudio?

O HTML5 introduz o suporte de mídia embutido por meio dos elementos <audio> e <video>, oferecendo a possibilidade de incorporar facilmente mídia em documentos HTML.

atributos do elemento <audio>:

controls : Mostra os controles padrão para o áudio na página.

autoplay : Faz com que o áudio reproduza automaticamente.

loop : Faz com que o áudio repita automaticamente.

O atributo preload é usado em elementos audio para carregar arquivos grandes:

"none" não carrega o arquivo

"auto" carrega o arquivo

"metadata" carrega apenas os meta dados do arquivo

3) No que se refere desenho e animação, o que existe de novo?

O elemento canvas permite especificar uma área da página onde se pode desenhar e renderizar imagens, permitindo fazer coisas reservadas ao Flash, com a vantagem que não é necessário nenhum plugin no navegador.

Canvas permite desenhar na página e atualizar dinamicamente estes desenhos, por meio de scripts. As aplicações podem desde jogos, efeitos dinâmicos em interfaces de usuário, editores de código, editores gráficos, aplicações para até efeitos