HTML5 é o mais recente padrão para HTML. A versão
anterior, o HTML 4.01, surgiu no ano de 1999, desde então a Internet mudou e
muito.
Esta versão do HTML veio para substituir o conhecido HTML 4,
XHTML e HTML DOM Nível 2. Ele foi desenvolvido para fornecer um rico contúdo, sem a necessidade de adicionar plug-ins.
Esta versão oferece recursos para adicionar a sua
página animações, música, filmes. Além disso, permite a construção de aplicações
web complexas.
HTML5 também é Multiplataforma. Isto significa que
podemos construir aplicações que podem ser usadas em um PC, Tablet, smartphone
ou em uma Smart TV.
HTML5 é uma cooperação entre o Consórcio World Wide
Web (W3C) e do Grupo de Trabalho Tecnologia de Aplicação Web Hypertext
(WHATWG). Assim a WHATWG que
antes estava trabalhando com formulários web e aplicativos e a W3C que estava
trabalhando com XHTML 2.0, no ano de 2006 elas decidiram cooperar para
desenvolver a nova versão, o HTML5
Para isso era preciso estabelecer novas regras para
HTML5:
·
Os novos recursos deve ser baseada em HTML, CSS,
DOM e JavaScript
·
A necessidade de plugins externos (como o Flash)
deve ser reduzida
·
Tratamento de erros deve ser mais fácil do que nas
versões anteriores
·
Scripts tem de ser substituído por mais de marcação
·
HTML5 deve ser independente do dispositivo
·
O processo de desenvolvimento deve ser visível para
o público
De
acordo com o W3C a Web é baseada em 3 pilares:
• Web, esse esquema se chama URI.
• Um Protocolo de acesso o HTTP.
• Uma linguagem de Hypertexto, para a
navegação entre as fontes de informação: o HTML.
ESTRUTURA
BÁSICA, DOCTYPE E CHARSETS
A
estrutura básica do HTML5 continua sendo a mesma das versões anteriores da
linguagem, há apenas uma exceção na escrita do Doctype. Segue abaixo como a
estrutura básica pode ser seguida:
Arquivo:
estruturabasica.html
1 <!DOCTYPE
HTML>
|
2 <html
lang=”pt-br”>
|
3 <head>
|
4 <meta
charset=”UTF-8”>
|
5 <link rel=”stylesheet” type=”text/css”
href=”estilo.css”>
|
6
<title></title>
|
7 </head>
|
8 <body>
|
9
|
10 </body>
|
11 </html>
|
Doctype
O
Doctype deve ser a primeira linha de código do documento antes da tag HTML. Ele
indica para o navegador e para outros meios qual a especificação de código
utilizar. O Doctype não é uma tag do HTML, mas uma instrução para que o browser
tenha informações sobre qual versão de código a marcação foi escrita.
Elemento HTML
O
código HTML é uma série de elementos em árvore onde alguns elementos são filhos
de outros e assim por diante. O elemento principal dessa grande árvore é sempre
a tag HTML.
<html
lang=”pt-br”> O atributo LANG é necessário para que os user-agents saibam
qual a linguagem principal do documento. O atributo LANG não é restrito ao
elemento HTML, ele pode ser utilizado em qualquer outro elemento para indicar o
idioma do texto representado.
HEAD
Nesta Tag fica toda a
parte inteligente da página. No HEAD ficam os metadados (são informações sobre
a página e o conteúdo ali publicado).
Metatag Charset
No
nosso exemplo há uma metatag responsável por chavear qual tabela de caracteres
a página está utilizando.
<meta
charset=”utf-8”>
Em versões
anteriores ao HTML5, essa tag era escrita da forma abaixo:
<meta http-equiv=”Content-Type” content=”text/html;
charset=utf-8”>
Tag LINK
Há
dois tipos de links no HTML:
a
tag A, que são links que levam o usuário para outros documentos e a tag LINK,
que são links para fontes externas que serão usadas no documento.
No
nosso exemplo há uma tag LINK que importa o CSS para nossa página:
<link rel=”stylesheet” type=”text/css”
href=”estilo.css”>
O
atributo rel=”stylesheet” indica que aquele link é relativo a importação de um
arquivo referente a folhas de estilo.
