Tag <meta>

Definições e uso

A tag <meta> define metadados sobre um documento HTML. Metadados são dados (informações) sobre dados.

As tags <meta> sempre são colocadas dentro do elemento <head>, e normalmente são usadas para especificar o conjunto de caracteres, a descrição da página, as palavras-chave, o autor do documento e as configurações de viewport.

Os metadados não serão exibidos na página, mas são analisáveis por máquinas.

Os metadados são utilizados por navegadores (como exibir o conteúdo ou recarregar a página), motores de busca (palavras-chave) e outros serviços web.

Exemplos


<head>
  <meta charset="UTF-8">
  <meta name="description" content="Free Web tutorials">
  <meta name="keywords" content="HTML, CSS, JavaScript">
  <meta name="author" content="John Doe">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>


<!DOCTYPE html>
<html>
<body>

<h1>Tag meta</h1>

<head>
  <meta charset="UTF-8">
  <meta name="description" content="Free Web tutorials">
  <meta name="keywords" content="HTML, CSS, JavaScript">
  <meta name="author" content="John Doe">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

</body>
</html>

Resultado

Atributos

Atributo	Valor	Descrição
charset	character_set	Especifica a codificação de caracteres para o documento HTML
content	text	Especifica o valor associado ao atributo http-equiv ou name
http-equiv	content-security-policy, content-type, default-style, refresh	Fornece um cabeçalho HTTP para a informação/valor do atributo de conteúdo
name	application-name, author, description, generator, keywords, viewport	Especifica um nome para o metadado

Esta tag também suporta Atributos Globais.