O que é o HTML5?


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.

 

 

 

Comentários

Postagens mais visitadas deste blog

O QUE É BROADCASTING?

Códigos Prontos em Pascal

Desativar tecla F5 e CRTL+R utilizando JavaScript