Este é um post disponível para assinantes MVPou para quem possui Créditos DevMedia. Clique aqui para saber mais!
HTML 5 - Revista .Net Magazine 93
O artigo apresenta as novidades da versão 5 da linguagem HTML, mostrando novos recursos que podem ser utilizados para facilitar a vida do desenvolvedor web. Tais novidades serão comparadas em relação às versões anteriores do HTML.
[Artigo disponível no Leitor Digital DevMedia. Clique aqui para acessá-lo]
> Clique aqui para ler todos os artigos da .net Magazine 93
Todo navegador web, quando exibe uma página, apresenta HTML.
Essa linguagem é utilizada para estruturar e organizar os componentes dentro de
um site. Quando uma página é apresentada, ela é só HTML, mesmo se foi
construída usando ASP.NET. Isso mostra para os desenvolvedores web que é
essencial conhecer HTML já que tudo acontece em volta desta linguagem. Claro
que existem outros recursos atrelados como JavaScript e CSS, tecnologias que
evoluíram junto com o seu parceiro HTML e são essenciais para a construção de
sites, mas, sem o conhecimento da linguagem principal, de nada vale os outros
conceitos.
Essa evolução é determinante para a utilização das linguagens já
que os desenvolvedores sempre procuram a tecnologia que alcance o objetivo de
uma forma mais rápida e simplificada.
A nova versão do HTML, traz muitas novidades e recursos em
relação às versões anteriores. Muitos conceitos foram simplificados, por
exemplo, ao invés de criar estruturas das páginas com divs ou tables, existe
uma tag para cada parte da página como header representando o cabeçalho, section
representando o conteúdo da página e footer representando o rodapé da mesma.
Essa é apenas uma das novidades, existem outras tags que ficaram mais fáceis de
utilizar e apresentam novos recursos.
Ao utilizar o HTML5, facilita na hora de desenvolver interfaces
com o usuário, junto com a ferramenta ASP.NET que utiliza a gigantesca
biblioteca .NET, oferecendo recursos para a programação de negócio da aplicação,
é possível desenvolver grandes e robustos sistemas na plataforma web.
O objetivo do artigo, é apresentar as principais novidades e
recursos do HTML 5, e junto com a tecnologia ASP.NET, criar um pequeno formulário,
representando um cadastro, mostrando que é possível criar um sistema utilizando
estas duas tecnologias de ponta.
História do HTML
O HTML significa HyperText Markup Language, foi criado na Suíça,
pelo inglês Tim Berners-Lee.
Os documentos HTML são exibidos em navegadores. Quando surgiu,
era somente texto, em um cenário semelhante ao MS-DOS. Com a evolução, foi
melhorando a exibição e seus os novos recursos. Não se tem somente texto e sim
imagens, tabelas e até aplicações utilizando FLASH, por exemplo, dentro de uma
página HTML.
Hoje em dia, ainda existe uma discussão sobre padronização entre
browsers, pois às vezes uma característica é interpretada de uma forma
diferente entre os navegadores. Existe uma organização que se chama W3C e ela é
que é responsável por manter esse padrão entre os navegadores, forçando os
desenvolvedores a seguir uma linha que mantém todos em ordem.
Porém, ainda hoje, acontecem divergências entre navegadores. E
sempre quem sofre com isso são os desenvolvedores que tem que tentar adequar o site
para funcionar em um maior número possível de navegadores.
Documento HTML
Os navegadores de internet, como o Firefox, Internet Explorer e
Chrome, quando exibem uma página, mostram o documento HTML da mesma. Um
documento HTML é composto por um conjunto de tags no formato XML. Estas tags e
seus atributos, representam componentes e suas características que são
interpretados pelo navegador, e a partir desse momento, ele desenha a página
conforme foi definido no documento.
A Figura 1 mostra o
fluxo da requisição de um documento HTML pelo navegador. O navegador requisita
para o servidor web a página, a partir do endereço do site, ou a URL. O
servidor web retorna o documento HTML para o navegador cliente requisitante,
então, é exibido o conteúdo.
O código a seguir, mostra um pequeno documento HTML com as tags essenciais para abrir o documento no navegador.
Somente esse código que
será exibido quando a requisição do cliente for atendida. Posteriormente, será
abordada cada uma destas tags que o navegador interpreta, tanto na versão
antiga do HTML como na versão 5.
Tags da versão antiga
A principal tag que se manteve tanto nas versões antigas, como
na versão 5, foi a tag . Ela é tag que abre e fecha o
documento. O conteúdo que será exibido deve ser estruturado entre essa tag.
Nas versões antigas do HTML, existiam outras duas tags
principais: head e body. A primeira define o cabeçalho. A segunda é onde fica estruturado
o conteúdo da página.
É dentro da tag head que se define o título e recursos da
página. A tag que define o título é a title. O texto definido será exibido na
barra de título do navegador. Para resources, existem 2 caminhos: linkar
arquivos que contenham os resources, ou codificá-los dentro da tag head.
Existem dois tipos de resource: o script e o style.
O primeiro pode estar apontando pra um arquivo ou conter um
texto que faça alguma ação dentro da página, ou que sirva para interatividade
da tela, ou ainda, que sirva para disparar algum código que está no lado
servidor.
Já em relação ao segundo resource, divide-se em duas partes: a
definição dele direto na página ou em um arquivo separado. Se for o primeiro, a
tag correspondente será style e lá o desenvolvedor poderá criar estilos para os
componentes da página. Agora, se os estilos forem definidos em um arquivo com a
extensão .css, deverá ser usado a tag link, e apontar o local do arquivo
correspondente.
Este é um post disponível para assinantes MVPou para quem possui Créditos DevMedia. Clique aqui para saber mais!
Diego Eduardo Ferreira
Tecnólogo em processamento de dados formado pela FATEC/TQ, conhece ASP.NET, Windows Forms, WPF e Silverlight.
