Atributos gerais de um documento

Como visto anteriormente (documento básico e seus componentes), <HEAD> contém informações sobre o documento. Além de <TITLE>, existem diversos outros campos de informação, sendo os campos <META> os mais usados.


Campos <META>

Os campos <META> têm dois atributos principais:
  • NAME, indicando um nome para a informação
  • HTTP-EQUIV, que faz uma correspondência com campos de cabeçalho do protocolo HTTP; a informação desse campo pode ser lida pelos browsers, e provocar algumas ações.
<HEAD>
<TITLE>Titulo do Documento</TITLE>
<META NAME="nome" CONTENT="valor">
<META HTTP-EQUIV="nome" CONTENT="valor">
</HEAD>

Este documento, por exemplo, tem as seguintes informações:

<HEAD>
<TITLE>Atributos de documentos em HTML</TITLE>
<meta name=“Author” content=“Maria Alice Soares de Castro ([email protected])”>
<META NAME=“Description” CONTENT=“Tutorial basico-avancado para suporte `a editoracao de documentos Web.”>
<META NAME=“KeyWords” CONTENT=“HTML, WWW, Webpublishing”>
<META NAME=“Editor” CONTENT=“W3e - 5.22c”>
</HEAD>
Alguns desses atributos são inseridos automaticamente pelos editores.

Um exemplo de uso do atributo HTTP-EQUIV é promover a mudança automática de páginas. Veja este exemplo (funciona com Netscape, Internet Explorer 2.0 em diante, e Mosaic 2.0 em diante - o Mosaic avisa que um novo documento estará sendo carregado automaticamente e pede sua permissão para fazê-lo)











Agora que você voltou do exemplo, veja como esse efeito é conseguido:

<HEAD>
<TITLE> ... </TITLE>
<META HTTP-EQUIV="Refresh" CONTENT="segundos; URL= pagina.html">
</HEAD> onde:
pagina.html
é a página a ser carregada automaticamente
segundos
é o número de segundos passados até que a página indicada seja carregada.
Como foi comentado no exemplo, o efeito é interessante, mas para que serve? Se não pensamos em uma finalidade útil para esse efeito, caímos na tentação de usá-lo “à toa”.

A aplicação mais utilizada é a atualização automática de um documento que, por exemplo, tenha uma foto produzida por uma câmara de vídeo: pode-se forçar, com o refresh, a atualização dessa página, mostrando para o leitor sempre uma imagem mais atual de algum evento sendo focalizado pela câmara. Outra utilização é em “chats”, ou em páginas que desviem a navegação por documentos desenvolvidos para browsers avançados.

Tutorial HTML - ICMSC-USP
topicoIntrodução à linguagem HTML
topicoO documento básico e seus componentes
topicoAtributos gerais de um documento
itemCampos <META>
itemAtributos de <BODY>
itemCabeçalhos
itemSeparadores
itemListas
topicoFormatação de textos e caracteres
topicoLigações (uso de links)
topicoInserção de imagens

Atributos de <BODY>

Através de atributos de <BODY>, podemos definir cores para os textos, links e para o fundo das páginas, bem como uma imagem de fundo (marca d’água):

<BODY BGCOLOR="#rrggbb" TEXT="#rrggbb" LINK="#rrggbb" ALINK="#rrggbb" VLINK="#rrggbb" BACKGROUND="URL">
onde:
BGCOLOR
cor de fundo (padrão: cinza ou branco)
TEXT
cor dos textos da página (padrão: preto)
LINK
a cor dos links (padrão: azul)
ALINK
cor dos links, quando acionados (padrão: vermelho)
VLINK
cor dos links, depois de visitados (padrão: azul escuro ou roxo)
Seus valores são dados em valores hexadecimais, equivalentes a cores no padrão RGB (Red, Green, Blue). Existem tabelas de cores com esses valores, mas grande parte dos editores já oferece uma interface bem amigável através da qual escolhemos as cores desejadas, sem nos preocuparmos com números esdrúxulos tais como #FF80A0.
Browsers que seguem a definição de HTML 3.2 também aceitam 16 nomes de cores, tirados da paleta VGA do Windows - por exemplo, podemos escrever BGCOLOR="BLUE". Porém, browsers mais antigos não apresentarão as cores indicadas.
Este documento tem a seguinte definição de atributos gerais:

<BODY BGCOLOR="#FFFFFF" LINK="#008000" VLINK="#000000" ALINK="#FFFF00">
BACKGROUND
indica o URL da imagem a ser replicada no fundo da página, como uma marca d’água. Veja o exemplo de uma página cuja imagem de fundo é novo.

O nome das cores

Os 16 nomes de cores aceitos segundo o HTML 3.2 são estes:

aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow.







topicoIntrodução à linguagem HTML
topicoO documento básico e seus componentes
topicoAtributos gerais de um documento
itemCampos <META>
itemAtributos de <BODY>
itemCabeçalhos
itemSeparadores
itemListas
topicoFormatação de textos e caracteres
topicoLigações (uso de links)
topicoInserção de imagens

Tutorial HTML - ICMSC-USP


© 1995-96-97 - Maria Alice Soares de Castro - [email protected]