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>
Download
