A estrutura de um documento HTML

Abril 2017

O que é um documento HTML

Uma página HTML é um arquivo simples que contém texto formatado com tags HTML. Tradicionalmente, o arquivo recebe uma extensão HTM ou HTML mas, potencialmente, uma página web pode ter qualquer extensão.

Uma página web pode ser criada por editores de texto mais básicos (como a aplicação ‘bloco de notas’, por exemplo), mas existem editores muito mais sofisticados.

Os editores WYSIWYG (What You See Is What You Get) são editores de interface gráfica para trabalhar em uma página web, que permitem visualizar melhor o que verão os visitantes do site. Com este tipo de editor, é possível adicionar tags com um simples clique do mouse e seus atributos podem ser alterados digitando as suas propriedades em um formulário. Em todo caso, para utilizar o melhor possível este tipo de editor é bom ter um conhecimento prévio do HTML.

Também existem editores HTML que mostram as tags, os atributos e seus valores com cores diferentes para facilitar a leitura. Às vezes, eles incluem ferramentas para verificar a validade do código HTML.

Tradicionalmente, a extensão dada a uma página HTML é o HTM ou o HTML mas, normalmente, uma página web pode ter qualquer extensão, principalmente as seguintes:

ASP para uma página gerada dinamicamente em ASP (Active Server Pages),
CGI para uma página gerada dinamicamente com CGI (Common Gateway Interface),
PHP, PHP3 ou PHP4 para uma página gerada dinamicamente em PHP,
PL para uma página gerada dinamicamente em Perl (Practical Extraction and Report Language),
etc.

A disposição do documento HTML

Um documento HTML começa com a tag HTML e termina com a marca /HTML. Ele também contém um cabeçalho que descreve o título da página e um corpo no qual se encontra o conteúdo da página.

O cabeçalho é delimitado pelas tags HEAD e /HEAD. O corpo é delimitado pelas tags BODY e /BODY.

Veja o exemplo de uma página HTML simples:

<HTML> 
<HEAD>
<TITLE>Título da página</TITLE>
</HEAD>

<BODY>
Conteúdo da página
</BODY>
</HTML>

Declaração do tipo de documento

A página HTML deve incluir a declaração do tipo de documento, uma referência ao padrão HTML que se usa para especificar o padrão de código empregado pela página. Esta declaração faz-se agregando uma linha como esta:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> 
<HTML>
<HEAD>...</HEAD>
<BODY>Conteúdo da página</BODY>
</HTML>


Isso indica a DTD (Document Type Definition) utilizada, ou seja, a referência das características da linguagem usada. O quadro abaixo recapitula as declarações para as principais versões da linguagem HTML:

Versão Declaração
HTML 2.0<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
HTML 3.2<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
HTML 4.01
Strict: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">
Transitional: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Frameset: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
XHTML 1.0
Strict: <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Transitional: <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-loose.dtd">
Frameset: <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
XHTML 1.1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Veja também


HTML document layout
HTML document layout
Disposición de documentos HTML
Disposición de documentos HTML
Structure d'un document HTML
Structure d'un document HTML
Struttura di un documento HTML
Struttura di un documento HTML
Última modificação: 26 de abril de 2017 às 05:53 por ninha25.
Este documento, intitulado 'A estrutura de um documento HTML', está disponível sob a licença Creative Commons. Você pode copiar e/ou modificar o conteúdo desta página com base nas condições estipuladas pela licença. Não se esqueça de creditar o CCM (br.ccm.net) ao utilizar este artigo.