Eu gostaria de enfatizar que, por ser algo bem básico, este será apenas uma espécia "resumo" das novidades trazidas pela nova versão da linguagem de marcação HTML, mas, para não ficar apenas na "teoria", tentarei fazer uso de exemplos práticos e, é claro, não entrarei nas questões "básicas" do HTML, tendo em vista que este tutorial se dirige a pessoas que já tenham, pelo menos, a base da versão anterior.
Bom, como a grande maioria já deve saber, a linguagem de marcação HTML (HyperText Markup Language) teve seu conceito formulado bem no final da década de 80 e sua publicação apenas em 1991. De lá para cá, já se foram duas décadas e a linguagem recebeu um total de 4 versões e alguns updates dessas versões (atualmente, o padrão vigente é o 4.01), e já foi, inclusive, "sucedida" pelo XHTML.
Mesmo assim, desde de 2008, o W3C, visando substituir os padrões HTML 4.01 e o XHTML, aderiu ao desenvolvimento do HTML 5,que já estava sendo desenvolvido por outro grupo desde 2004.
Atualmente, esse nova versão já se encontra quase ao ponto de ser oficialmente lançada e, inclusive, já é parcialmente suportada (pelo menos, os principais recursos) por quase todos os principais navegadores atualmente no mercado.
Com essa nova versão do HTML, busca-se, dentre outras coisas, criar uma semântica clara no código, facilitar a acessibilidade, reduzir o uso de plugins (como o Flash) para adição conteúdo animado e interativo, adicionar novas tags para trabalhar com conteúdo comummente utilizado (como audio e vídeo), reduzindo a necessidade de scripts, e permitir a execução das páginas em qualquer dispositivo.
Agora, deixando de "blá, blá, blá" , vamos a estrutura básica de uma página HTML 5:
<!DOCTYPE html>
<html>
<head>
<title>Título da pagina</title>
</head>
<body>
</body>
</html>
Como é possível perceber, a estrutura é idêntica a da versão anterior do HTML, porem, há uma única "particularidade", a declaração do "DOCTYPE", onde agora só é especificado como "html".
<!DOCTYPE html>
Todo o resto, que antes era declarado dentro do DOCTYPE, agora fica a cargo do navegador.
Bom, eu sei que este post foi bem curto, mas pretendo começar o tutorial propriamente dito na próxima postagem, falando da questão da diagramação e os novos elementos para tal.
Tutorial HTML5, parte 2 - Diagramação
As formatações efetuadas nos comandos e trechos de arquivos de configuração foram geradas utilizando a "ferramenta" Source Code Formatter, encontrada neste link.
Nenhum comentário:
Postar um comentário