-
HTML Tutorial
-
Lecture 1HTML – Introdução
-
Lecture 2HTML – Tags básicas
-
Lecture 3HTML – Elementos
-
Lecture 4HTML – Atributos
-
Lecture 5HTML – Formatação
-
Lecture 6HTML – Tags para frases
-
Lecture 7HTML – Meta Tags
-
Lecture 8HTML – Comentários
-
Lecture 9HTML – Imagens
-
Lecture 10HTML – Tabelas
-
Lecture 11HTML – Listas
-
HTML – Meta Tags
HTML permite que você especifique metadados – informações adicionais importantes sobre um documento de várias maneiras. Os elementos META podem ser usados para incluir pares de nome / valor que descrevem propriedades do documento HTML, como autor, data de validade, uma lista de palavras-chave, autor do documento, etc.
A tag <meta> é usada para fornecer essas informações adicionais. Esta tag é um elemento vazio e, portanto, não possui uma tag de fechamento, mas carrega informações em seus atributos.
Você pode incluir uma ou mais meta tags em seu documento com base nas informações que 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ê incluir eles ou não.
Adicionando metatags aos seus documentos
Você pode adicionar metadados às suas páginas da web, colocando tags <meta> dentro do cabeçalho do documento, que é representado por tags <head> e </head>. Uma metatag pode ter os seguintes atributos, além dos atributos principais.
- Name – Nome da propriedade. Pode ser qualquer coisa. Os exemplos incluem palavras-chave, descrição, autor, revisado, gerador, etc.
- Content – Especifica o valor da propriedade.
- Schema – Especifica um esquema para interpretar o valor da propriedade (conforme declarado no atributo content).
- http-equiv – 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, expires, refresh e set-cookie.
Especificando palavras-chave
Você pode usar a tag <meta> para especificar palavras-chave importantes relacionadas ao documento e, posteriormente, essas palavras-chave são usadas pelos motores de busca durante a indexação de 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.
See the Pen
HTML – Especificando Keywords by John Pires (@johnpiresBR)
on CodePen.
Descrição do Documento
Você pode usar a tag <meta> para dar uma breve descrição sobre o documento. Isso novamente pode ser usado por vários motores de busca ao indexar sua página da web para fins de pesquisa.
See the Pen
HTML – Metatag descricao by John Pires (@johnpiresBR)
on CodePen.
Data de Revisão do Documento:
Você pode usar a tag <meta> para fornecer informações sobre quando o documento foi atualizado pela última vez. Essas informações podem ser usadas por vários navegadores da web ao atualizar sua página da web.
See the Pen
HTML – Data revisao do documento by John Pires (@johnpiresBR)
on CodePen.
Atualização de documento:
Uma tag <meta> pode ser usada para especificar um período após o qual sua página da web continuará sendo atualizada automaticamente.
Exemplo
Se você quiser que sua página continue atualizando a cada 5 segundos, use a seguinte sintaxe.
See the Pen
HTML – Atualização de documento by John Pires (@johnpiresBR)
on CodePen.
Redirecionamento de página:
Você pode usar a tag <meta> 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ê deseja redirecionar a página imediatamente, não especifique o atributo de conteúdo.
See the Pen
HTML – Redirecionamento de página by John Pires (@johnpiresBR)
on CodePen.
Configurando Cookies:
Cookies são dados armazenados em pequenos arquivos de texto no seu computador e são trocados entre o navegador da web e o servidor da web para manter o controle de várias informações com base nas necessidades do seu aplicativo 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 da 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ê deseja redirecionar a página imediatamente, não especifique o atributo de conteúdo.
See the Pen
HTML – Configurando Cookies by John Pires (@johnpiresBR)
on CodePen.
Configurando o nome do autor:
Você pode definir um nome de autor em uma página da web usando metatag. Veja um exemplo abaixo:
See the Pen
HTML – Configurando o nome do autor by John Pires (@johnpiresBR)
on CodePen.