Vídeo tutorial e introdução ao HTML5

Depois de quase uma década de HTML4 eis que surge a sua mais nova versão, o HTML5. A nova versão do HTML trouxe um conjunto de novos elementos que ajudam os desenvolvedores a definir melhor os setores de uma página, tais como cabeçalho e rodapé e conteúdo principal do documento.

Segundos especialistas com a nova versão do HTML os mecanismos de buscas conseguirão vasculhar o código de maneira mais eficiente. Isso representa mais uma técnica para a otimização de sites, já que os robôs vão guardar informações mais exatas e em menor tempo.

As principais mudanças estão nas funcionalidades de multimidia, APIs (ou Interface de Programação de Aplicações) e uma estrutura mais semântica.

Importante saber que o HTML5 está em constante atualização, novos recursos, características e ajustes estão sendo definidas ainda.

Novos elementos do HTML5

Abaixo alguns dos novos elementos que foram adicionados a linguagem de marcação HTML5.

header – cabeçalho da página ou de uma seção do site;

section – seção do conteúdo de uma página; Seção destaques, novidades, notícias, etc.

article – um item do conteúdo dentro da página ou da seção;

footer – o rodapé da página ou de uma seção da página;

nav – Marcação de um conjunto de links que formam a navegação da página de um site,pode ser usado no menu principal do site e em links relacionados ao conteúdo da página;

aside – conteúdo relacionado ao artigo (como arquivos e posts relacionados em um blog, por exemplo).

Alguns elementos descontinuados do HTML4: acronym, applet, basefont, big, center, dir, font, frame, frameset, isindex, noframes, s, strike, tt, u.

Estrutura básica de um documento HTML5

<!--tipo do documento renderizado pelo navegado-->
<!DOCTYPE HTML>
<!--tipo da linguagem do documento-->
<html lang="pt-br">
<head>
	<!--Tipo de caracteres a ser utilizado no documento-->
	<meta charset="UTF-8">
	<title>Título da página</title>
</head>
<body>
Conteúdo...
</body>
</html>

De 12 a 16 de Julho o W3C do Brasil estará ministrando um curso de HTML5. Para maiores informações enviei um e-mail para w3c@nic.br.

Vídeo HTML 5

Por hoje é isso, abraço a todos e ótima sexta-feira.


Comentários

4 respostas para “Vídeo tutorial e introdução ao HTML5”

  1. só é bom pra quem sabe inglês!

  2. hj em dia quem trabalha na área de desenvolvimento e não entende o básico de ingles fica pra tras.

    Muito bom esse vídeo.

  3. Em pt temos a apostila da visie, segue o link http://www.tableless.com.br/apostila-sobre-html5

  4. Bem legal o vídeo.
    Mas não é bem um tutorial do tipo que ensina o html em si. É mais uma explicação passo a passo das funções e tal… Não vai ajudar quem não tem noção de html e quer aprender agora mas é um suporte legal pra quem já entende e quer saber das novidades.

    Abs^^