Meta Tags: Adicione metadados a seus documentos HTML

HTML - Meta Tags
HTML permite que você especifique metadados - informações importantes adicionais sobre um
documento de várias maneiras. Os elementos META podem ser usados para incluir pares
nome/valor descrevendo propriedades do documento HTML, como autor, data de expiração,
uma lista de palavras-chave, autor do documento, etc.
A tag <meta> é usada para fornecer essas informações adicionais. Essa tag é um elemento
vazio e, portanto, não tem uma tag de fechamento, mas carrega informações dentro de seus
atributos.
Você pode incluir uma ou mais meta tags em seu documento com base em quais informações
você deseja manter em seu documento, mas, em geral, as meta tags não afetam a aparência
física do documento, portanto, do ponto de vista da aparência, não importa se você as inclui ou
não.
Adicionando meta tags aos seus documentos

Você pode adicionar metadados às suas páginas da Web colocando tags <meta> dentro do
cabeçalho do documento, que é representado pelas tags <head> e </head>. Uma meta tag
pode ter os seguintes atributos, além dos atributos principais −
Sr.No Atributo e Descrição
1
Nome
Nome da propriedade. Pode ser qualquer coisa. Exemplos incluem, palavras-chave,

descrição, autor, revisado, gerador etc.
2
conteúdo
Especifica o valor da propriedade.
3
esquema
Especifica um esquema para interpretar o valor da propriedade (conforme declarado

no atributo content).
4
http-equiv (em inglês)
Usado para cabeçalhos de mensagem de resposta http. Por exemplo, http-equiv pode
ser usado para atualizar a página ou para definir um cookie. Os valores incluem
content-type, expira, refresh e set-cookie.
Especificando palavras-chave
Você pode usar <meta> tag para especificar palavras-chave importantes relacionadas ao
documento e, posteriormente, essas palavras-chave são usadas pelos mecanismos de pesquisa
ao indexar sua página da Web para fins de pesquisa.
Exemplo
A seguir está um exemplo, onde estamos adicionando HTML, Meta Tags, Metadados como
palavras-chave importantes sobre o documento.
 Demonstração ao vivo
<!DOCTYPE html>
<html>
<head>
<title>Meta Tags Example</title>
<meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
</head>
<body>
Hello HTML5!
</body>
</html>
Isso produzirá o seguinte resultado −
Hello HTML5!
Descrição do documento
Você pode usar a tag <meta> para fornecer uma breve descrição sobre o documento. Isso
novamente pode ser usado por vários mecanismos de pesquisa ao indexar sua página da Web
para fins de pesquisa.
Exemplo
<!DOCTYPE html>
<html>
<head>
<meta name = "description" content = "Learning about Meta Tags." />
</head>
<body>
Hello HTML5!
</body>
</html>
Data de revisão do documento

Você pode usar a tag <meta> para fornecer informações sobre quando a última vez que o
documento foi atualizado. Essas informações podem ser usadas por vários navegadores da Web
durante a atualização de sua página da Web.
Exemplo
<!DOCTYPE html>
<html>
<head>
<meta name = "revised" content = "Tutorialspoint, 3/7/2014" />
</head>
<body>
Hello HTML5!
</body>
</html>
Atualização de documentos
Uma tag <meta> pode ser usada para especificar uma duração após a qual sua página da Web
será atualizada automaticamente.
Exemplo
Se você quiser que sua página continue atualizando a cada 5 segundos, use a sintaxe a seguir.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv = "refresh" content = "5" />
</head>
<body>
Hello HTML5!
</body>
</html>
Redirecionamento de página
Você pode usar <meta> tag para redirecionar sua página para qualquer outra página da Web.
Você também pode especificar uma duração se quiser redirecionar a página após um
determinado número de segundos.
Exemplo
A seguir está um exemplo de redirecionamento da página atual para outra página após 5
segundos. Se você quiser redirecionar a página imediatamente, não especifique o atributo de
conteúdo.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv = "refresh" content = "5; url = http://www.tutorialspoint.c
</head>
<body>
Hello HTML5!
</body>
</html>
Configuração de cookies
Cookies são dados, armazenados em pequenos arquivos de texto em seu computador e são
trocados entre o navegador da Web e o servidor da Web para acompanhar várias informações
com base na sua necessidade de aplicação da Web.
Você pode usar a tag <meta> para armazenar cookies no lado do cliente e, posteriormente,
essas informações podem ser usadas pelo servidor Web para rastrear um visitante do site.
Exemplo
A seguir está um exemplo de redirecionamento da página atual para outra página após 5
segundos. Se você quiser redirecionar a página imediatamente, não especifique o atributo de
conteúdo.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv = "cookie" content = "userid = xyz; expires = Wednesday, 08
</head>
<body>
Hello HTML5!
</body>
</html>
Se você não incluir a data e a hora de expiração, o cookie é considerado um cookie de sessão e
será excluído quando o usuário sair do navegador.
Nota − Você pode verificar PHP e Cookies tutorial para um detalhe completo sobre Cookies.
Definindo o nome do autor

Você pode definir um nome de autor em uma página da Web usando meta tag. Veja um
exemplo abaixo −
Exemplo
<!DOCTYPE html>
<html>
<head>
<meta name = "author" content = "Mahnaz Mohtashim" />
</head>
<body>
Hello HTML5!
</body>
</html>
Especificar conjunto de caracteres

Você pode usar a tag <meta> para especificar o conjunto de caracteres usado na página da
Web.
Exemplo
Por padrão, os servidores Web e navegadores da Web usam a codificação ISO-8859-1 (Latin1)
para processar páginas da Web. A seguir está um exemplo para definir a codificação UTF-8 −
<!DOCTYPE html>
<html>
<head>
<meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8" />
</head>
<body>
Hello HTML5!
</body>
</html>
Para servir a página estática com caracteres chineses tradicionais, a página da Web deve conter
uma tag <meta> para definir a codificação Big5 −
<!DOCTYPE html>
<html>
<head>
<meta http-equiv = "Content-Type" content = "text/html; charset = Big5" />
</head>
<body>
Hello HTML5!
</body>
</html>

Meta Tags: Adicione metadados a seus documentos HTML

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Meta Tags: Adicione metadados a seus documentos HTML

Enviado por

Direitos autorais:

Formatos disponíveis

HTML - Meta Tags

Adicionando meta tags aos seus documentos

Nome da propriedade. Pode ser qualquer coisa. Exemplos incluem, palavras-chave,

Especifica o valor da propriedade.

Especifica um esquema para interpretar o valor da propriedade (conforme declarado

Isso produzirá o seguinte resultado −

Data de revisão do documento

Definindo o nome do autor

Especificar conjunto de caracteres

Você também pode gostar