HTML
SEÇÃO HEAD
A Seção HEAD, definida pela tag <HEAD> contém informações sobre o documento. Ela é
composta de diversos elementos descritos também por meio de TAG.
A TAG TITLE
A tag <TITLE> define um título para a pagina web. Este título é exibido alto da janela do
browser.
Exemplo:
<HEAD>
<TITLE>Minha página – Sidney Vieira</TITLE>
</HEAD>
Todo documento Web deve ter um título; esse título é referenciado em buscas pela rede,
dando uma identidade ao documento. Sendo usado pelo navegador quando se adiciona a pagina
aos Favoritos (Bookmarks).
Além do título, <HEAD> contém outras informações de importância para os robôs de
pesquisa e para o protocolo HTTP(protocolo de Transferência de HiperTexto) , indicadas por meio
da TAG <META> .
A TAG META
A tag <META> requer dois atributos principais um para identificar e o outro para descrever
o conteúdo do identificador.
O identificação é realizado por um dos atributos :
• NAME --> indica um nome para a meta
• HTTP-EQUIV → faz uma correspondência com campos de cabeçalho do protocolo HTTP.
A informação desse atributo pode ser lida pelos browsers, e provocar algumas ações.
O conteúdo é descrito pelo atributo CONTENT
Notação:
<HEAD>
<TITLE>Título do Documento</TITLE>
<META NAME="nome" CONTENT="valor">
<META HTTP-EQUIV="nome" CONTENT="valor">
</HEAD>
NAME
Keywords
DESCRIÇÃO
palavras que se refiram a sua pagina web.
Dicas:
Nunca quebre uma linha de palavras-chave, porque seu trecho de código será
considerado um erro e será ignorado
Sempre separe as palavras com vírgula
declare todas as palavras em letras minúsculas - alguns buscadores têm
problemas com letras maiúsculas e podem ignorar seu site.
Exemplo:
<meta name="keywords" content="sites, web, html, design">
Description Esta tag contem o texto que o buscador apresentará como um resumo do
conteúdo do seu site
Exemplo:
<meta name="description" content=" Html para iniciantes">
robot
A função desta tag é dizer aos buscadores se devem indexar sua página ou
não.
Possíveis valores
“all” → Valor default, significa vazio, o robô de busca não recebe
nenhuma informação
"index" → A pagina inicial podeser indexada
"noindex" → A página incial não pode ser indexada
"follow" → Os links da página inicial, podem ser visitados e indexados
"nofollow" → Os links da página inicial, não podem ser visitados e indexados
noarchive → buscadores não deve armazenar uma cópia da página em cache
(valido somente para o robo do google)
Exemplos:
<meta name="robots" content="index,follow">
<meta name="robots" content="noindex,follow">
<meta name="robots" content="index,nofollow">
<meta name="robots" content="noindex,nofollow">
<meta name="robots" content="noarchive">
<meta name="googlebot" content="noindex,nofollow">
Author
Reply-To
Generator
Tem por função declarar a autoria da página, de forma que o código fonte fique
"assinando".
Exemplo:
<META NAME="author" CONTENT="jose da silva">
Tem por função especifica rum endereço de e-mail para entrar em contato com
o(s) responsável(is) pelo site
Exemplo:
<meta name="reply-to" content="seu email">
Tem por função especificar o programa que construiu a página, como forma de
medir a popularidade do produto.
Exemplo:
<META NAME="generator" content="PHPEd 1.80">
<meta name="generator" content="Dreamweaver 8" />
HTTP-EQUI
ContentLanguage
Content-Type
refresh
Expires
Pragma
DESCRIÇÃO
Tem por função especificar a língua primária da página
Alguns valores:
• pt - Português
• pt-br - Português do Brasil
• en - Inglês
• en-us - Inglês dos EUA
• en-gb - Inglês Britânico
• fr - Francês
• de - Alemão
Exemplo:
<meta http-equiv="content-language" content="pt-br">
<meta http-equiv="content-language" content="pt-br, en-US, fr" />
Tem por função especificar o tipo de conteúdo da página e codificação
do conjunto de caracteres empregado na construção da pagina web.
“text/html” → define que o conteúdo é um texto em linguagem HTML.
"application/xhtml+xml" → Pagina web em XHTML
"application/xml" → Pagina web em XML
Exemplo:
<meta http-equiv="content-type" content="text/html; charset=iso-88591">
Tem por função redirecionar a pagina web site para outra pagina web
após um determinado intervalo de tempo
Exemplo:
<meta http-equiv="refresh" content="15;url=http://www.site.com.br/">
Tem por função descrever a data na qual o conteúdo para pagina web
expira
Exemplo:
<META HTTP-EQUIV="Expires" CONTENT="Fri, Jan 01 1900 00:00:00
GMT">
Tem por função informar ao navegador que não armazene a página em
cache
Exemplo:
<meta http-equiv="pragma" content="no-cache" />
Exemplo 1:
<HEAD>
<META HTTP-EQUIV="content-type" CONTENT="text/html; charset=iso-8859-1">
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<TITLE>Pagina Pessoal – Sidney Vieira</TITLE>
<META NAME="Author" CONTENT="Sidney Vieira">
<META NAME="Generator" CONTENT="Namo WebEditor v5.0">
<META NAME="Description" CONTENT="Manual de referência para alunos da feuc">
<META NAME="KeyWords" CONTENT="HTML, WWW, Internet, Webdesign">
</HEAD>
Exemplo 2:
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="content-language" content="pt-br" />
<meta http-equiv="author" content="Jose da Silva" />
<meta http-equiv="robots" content="all" />
<meta http-equiv="description" content="Divulgação pessoal." />
<meta http-equiv="keywords" content="cinema, teatro, livros" />
</HEAD>
Exemplo 3:
<head>
<meta name="author" content="João">
<meta name="keywords" content="HTML, Acessibilidade">
<meta name="description" content="Página de teste">
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="expires" content="Thu, 01 Jan 1970 00:00:00 GMT">
<meta http-equiv="cache-control" content="no-store">
<title>Página inicial</title>
</head>