Definição e uso de: <META />HTML com Estilo

O marcador <META /> "Meta Element" ou "objetivo dos dados" é utilizado para fornecer informações sobre o conteúdo da página onde está contida.

Existe uma infinidade de informações que podem estar contidas dentro de tags <META />, por isso, é comum encontrar várias tags <META /> dentro da tag <HEAD></HEAD> que é o local onde se aninham.

As tags <META /> são utilizadas principalmente para fornecer uma descrição sucinta do conteúdo, palavras-correlatas, autor do documento, data da última modificação, entre outras informações.

As tags <META /> são utilizadas também pelos mecanismos de buscas, que através das palavras-chaves podem identificar uma demanda de um usuário da web.

Alguns tipos:
  • HTTP-EQUIV
    • Content-Type
    • Cache-control
    • Expires
    • Charset
    • Content-language
    • Set-cookie
    • Outras
  • NAME
    • Author
    • Description
    • Keywords
    • Generator
    • Revised
    • Robots
    • Revisit-after
    • Title
    • Outras
  • SCHEME
Arquitetura padrão da tag <META />:

<meta http-equiv="..." content="..." />
<meta name="...." content="..." />
<meta name="..." content="..." scheme="..." />

Algumas tags <META /> encontradas comumente em páginas na web:

<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />
   Indica que o conteúdo atende a norma ISO 8859-1 que trata de acentuação
   das palavras.
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
   Indica ao Internet Explorer para emular o IE 7 se o usuário usar uma versão mais
   recente, isso pode ser corrigido alterando "Configurações de modo de exibição
   de Compatibilidade" no botão "Página" do IE.
<meta http-equiv="Content-Language" content="pt-br" />
   Indica em que língua a página está estrutura.
<meta name="description" content="breve descrição do conteúdo"  />
   É uma meta tag importante para os buscadores acharem a página.
<meta http-equiv="Cache-Control" content="no-cache, no-store" />
   Esta meta tag importante para dizer ao navegador para não guardar no cache o
   conteúdo de página.
<meta http-equiv="expires" content="Indicação da data" />
   É uma meta tag quando uma determinada página deixará de ser atual. É importante
   para que os navegadores não usem os arquivos guardados no computador do usuário
   e exiba uma informação ultrapassada.
<meta name="keywords" content="coloque aqui palavras chaves" />
   É uma meta tag importante para os buscadores acharem a página.
<meta name="verify-v1" content="3wHlKruMxmoLX3n1zD3z8qFM/4Htf3y5pJfKju02cuA=" />
   É uma meta tag para sites que têm relacionamento com o Google.
<meta name="googlebot" content="noodp" />
   É uma meta tag para sites que têm relacionamento com o Google.
<meta name="robots" content="index, follow" />
   É uma meta tag que indexa a página inicial e todas outras nela referenciadas.

Um endereço muito bom para orientação de desenvolvedores de como alterarem o título e a descrição de um site nos resultados de pesquisa.

Somente o marcador <META /> é necessário.