Introdução à Meta Tag em HTML
Uma metatag em HTML é usada para definir dados sobre sua página da Web ou documento HTML. Com a ajuda de uma metatag, é possível definir a descrição do documento, suas informações de autor quando foi atualizada pela última vez e usá-lo para fornecer propriedades detalhadas do documento HTML. A meta tag é definida na tag HTML, incluída em parte. É mais útil para os designers da web mostrar a parte real da exibição da página da web. O controle total da janela de visualização será feito por eles usando metatags no HTML 5. A metatag é referida pela maioria dos navegadores por muitos recursos úteis, como atualização de páginas, exibição de conteúdo e serviços da web usados por eles.
Sintaxe
Meta tag usada na seção principal, como a seguir:
Na sintaxe acima, afirma que charset = ”utf-8” fornece o melhor suporte para exibir qualquer tipo de idioma.
Aqui está outra sintaxe para a metatag com algum valor:
Ele é usado para lidar com o tamanho da janela de exibição com todo o seu valor de dimensão de página e rolagem de página para caber perfeitamente em nossa página da Web em qualquer tipo de dispositivo.
Lista de meta tags em HTML
Existem diferentes tipos de meta tags usadas em HTML, vamos ver um por um:
1. Essa é uma metatag muito básica usada para definir qualquer tipo de idioma.
2. É usado para definir a descrição do seu conteúdo com até 150 palavras.
3. É usado para preservar todos os direitos autorais de uma empresa definida.
4. É usado para definir o resumo de uma página da web específica.
5. É usado para definir o autor do seu documento HTML.
6. É usado para definir o endereço URL da empresa específica definida no atributo tag.
7. É usado para lidar com classificações contidas em nosso documento.
8. Se queremos definir legendas para nossos documentos HTML, isso foi possível usando esta tag.
9. É usado para atualizar nossa página da Web no horário definido de spam.
10. É usado para classificar nosso documento pelo valor definido da entidade.
11. Essa tag é usada para especificar algumas palavras-chave na tag Meta, tornando possível pesquisar esse conteúdo facilmente em nosso documento.
12. Esta tag é usada para definir o resumo do nosso documento.
Trabalho da tag Meta em HTML
A meta tag em HTML é usada principalmente para incluir informações legíveis por máquina em nosso documento de página da web, que é realmente invisível na página da web. Outro trabalho mais importante dessa tag em HTML é que, com a ajuda dessa tag, é possível redirecionar facilmente para a outra página da Web usando esse recurso de meta tag.
Há algumas listas de atributos nas quais a metatag funciona com precisão são as seguintes:
1. Conteúdo: o conteúdo da meta tag funciona como um valor para a meta tag incluída.
2. Nome: o nome funciona como propriedade da metatag. Ele vem na forma de detalhes, proprietário, palavras-chave etc.
3. http-equiv: este atributo usado para definir detalhes do cabeçalho no documento.
4. Charset: É o principal atributo da tag Meta usada para definir a codificação de caracteres para fins de declaração em seu documento.
5. Esquema: esse atributo é usado para definir o esquema no qual a metatag realmente será usada. Mas esse tipo de atributo não é suportado no HTML5.
Exemplos de meta tag em HTML
Vamos ver alguns exemplos
Exemplo 1
Vamos usar a tag Meta e ela será lida pelo sistema do computador, mas não poderá ver nada dos visitantes da página.
Código HTML:
Saída: mostrará uma tela em branco como saída.
Exemplo 2
Aqui está este exemplo: usaremos diferentes tipos de meta tags e mostraremos a saída, a página da Web será atualizada a cada momento específico e também armazenará cookies para sua página, mencionando também a data de validade.
Código HTML:
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
EDUCBA- Tudo sobre cursos de certificação online
Aprenda design gráfico, animação, desenvolvimento de jogos, edição de vídeo e muito mais com nossos cursos de certificação on-line
Escolha sua área de interesse e obtenha a certificação com nossos cursos on-line em Finanças, Ciência de Dados, Desenvolvimento de Software, Excel, Design, Gerenciamento de Projetos, Desenvolvimento Pessoal, Marketing e Recursos Humanos.
Saída: a página mostrada na saída será atualizada a cada 5 segundos.
Exemplo 3
Vamos ver outro exemplo usando metatags. Ele refletirá o mesmo que acima, mas, após atualizar a página, ele será redirecionado para outra página da Web, cujos URLs serão mencionados na meta tag, como mostrado no código HTML abaixo:
Código HTML:
Meta Tags in HTML 5
Meta Tags in HTML 5
EDUCBA- Tudo sobre cursos de certificação online
Resultado:
Conclusão
Portanto, uma meta tag em HTML é usada para definir metadados sobre documentos HTML. O código incluído é um formato legível por máquina que funciona bem com uma página da Web, mas não mostra nenhum conteúdo na página para os visitantes. Meta tag contendo 3 tipos diferentes de atributos, como atributos globais, específicos de elementos e manipuladores de eventos.
Artigos recomendados
Este é um guia para Meta Tag em HTML. Aqui discutimos a lista de diferentes tipos de meta tags usadas em HTML, juntamente com os exemplos. Você também pode consultar os seguintes artigos para saber mais -
- Quadros HTML
- Layout HTML
- Atributo de estilo HTML
- Elementos do formulário HTML