tutoriais mais recente desenvolvimento web
 

HTML <meta> Tag


Exemplo

Descrever metadados dentro de um documento HTML:

<head>
<meta charset="UTF-8">
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="Hege Refsnes">
</head>
Tente você mesmo "

Definição e Uso

Metadados são dados (informações) sobre os dados.

O <meta> tag fornece metadados sobre o documento HTML. Metadados não será exibido na página, mas será parsable máquina.

elementos meta são normalmente utilizados para especificar descrição da página, palavras-chave, autor do documento, modificada pela última vez, e outros metadados.

Os metadados podem ser utilizados pelos navegadores (como exibir conteúdo ou recarregar a página), os motores de busca (palavras-chave), ou outros serviços da web.


Suporte a navegadores

Elemento
<meta> sim sim sim sim sim

Dicas e Notas

Nota: <meta> tag sempre ir para dentro do <head> elemento.

Nota: Os metadados são sempre passados como pares nome / valor.

Nota: O content atributo deve ser definido se o nome ou o http-equiv atributo é definido.Se nenhum destes são definidos, o content atributo não pode ser definido.


Diferenças entre HTML 4.01 e HTML5

O scheme atributo não é suportado no HTML5.

HTML5 tem um novo atributo, charset, o que torna mais fácil definir charset:

  • HTML 4.01: <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  • HTML5: <meta charset="UTF-8">

Diferenças entre HTML e XHTML

Em HTML do <meta> tag não tem nenhuma marca de fim.

Em XHTML do <meta> tag deve ser devidamente fechado.


Exemplos

Exemplo 1 - Definir palavras-chave para os motores de busca:

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

Exemplo 2 - Defina uma descrição de sua página web:

<meta name="description" content="Free Web tutorials on HTML and CSS">

Exemplo 3 - Defina o autor de uma página:

<meta name="author" content="Hege Refsnes">

Exemplo 4 - documento de atualização a cada 30 segundos:

<meta http-equiv="refresh" content="30">

Atributos

= Novo em HTML5.

Atributo Valor Descrição
charset character_set Especifica a codificação de caracteres para o documento HTML
content text Dá o valor associado com o http-equiv ou name atributo
http-equiv content-type
default-style
refresh
Fornece um cabeçalho HTTP para a informação / valor do content atributo
name application-name
author
description
generator
keywords
Especifica um nome para o metadados
scheme format/URI Não suportado em HTML5.
Especifica um esquema para ser usada para interpretar o valor do content atributo

Atributos globais

O <meta> tag também suporta o Global de Atributos em HTML .


Páginas relacionadas

Tutorial HTML: Cabeça HTML

HTML DOM de referência: Meta Objeto


Configurações CSS padrão

Nenhum.