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.