Skip to main content
removeu 14 caracteres do conteúdo
Fonte Link
Syzoth
  • 100,5mil
  • 23
  • 169
  • 361

Outro exemplo é a tag <meta name="csrf-token" content="{{ csrf_token() }}">, usada no somente pelo framework Laravel (e provavelmente outros frameworks), tecnicamente no laravelHTML ela não faz nada diretamente, ela é criada pelo próprio desenvolvedor e usada posteriormente via JavaScript pelo propriopróprio desenvolvedor também:

Outro exemplo é a tag <meta name="csrf-token" content="{{ csrf_token() }}">, usada no somente pelo framework Laravel (e provavelmente outros frameworks), tecnicamente no laravel ela não faz nada diretamente, ela é criada pelo próprio desenvolvedor e usada posteriormente via JavaScript pelo proprio desenvolvedor também:

Outro exemplo é a tag <meta name="csrf-token" content="{{ csrf_token() }}">, usada pelo framework Laravel (e provavelmente outros frameworks), tecnicamente no HTML ela não faz nada diretamente, ela é criada pelo próprio desenvolvedor e usada posteriormente via JavaScript pelo próprio desenvolvedor também:

adicionou 1335 caracteres ao conteúdo
Fonte Link
Syzoth
  • 100,5mil
  • 23
  • 169
  • 361

Não tem uso especifico, cada META tag pode ter um ou mais propósitos "funcionais" paraexistem tags usadas por navegadores, comopara SEO, para redes sociais, e até que são usadas apenas internamente pelo próprio desenvolvedor do site, exemplos de uso por navegadores:

  • Controlar o zoom em sistemas mobile (ou com suporte a isto, como alguns computadores com touch): <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0">

    Controlar o zoom em sistemas mobile (ou com suporte a isto, como alguns computadores com touch): <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0">

  • Redirecionamento: <meta http-equiv="refresh" content="<TEMPO PARA REDIRECIONAR>; URL='<URL DE DESTINO>'">

    Redirecionamento: <meta http-equiv="refresh" content="<TEMPO PARA REDIRECIONAR>; URL='<URL DE DESTINO>'">

  • Para forçar um charset especifico: <meta charset="UTF-8">

    Para forçar um charset especifico: <meta charset="UTF-8">

  • Uma meta tag com diversos usos é o: http-equiv (a meta tag com este atributo tem tantos usos e que variam de navegadores que pode ser um pouco complicado falar)

    Uma meta tag com diversos usos é o: http-equiv (a meta tag com este atributo tem tantos usos e que variam de navegadores que pode ser um pouco complicado falar)

Qual é a função da meta tag X-UA-Compatible dentro do HTML

Que não vai traduzir seu site óbviamenteobviamente, mas serve para facilitar que outras ferramentas ou buscadores identifiquem o idioma da sua página de forma "explicita", ou seja você já estará informando o idioma da página, expliquei mais sobre isto em:

Diferença de lang e meta charset em html

Outro exemplo é a tag <meta name="csrf-token" content="{{ csrf_token() }}">, usada no somente pelo framework Laravel (e provavelmente outros frameworks), tecnicamente no laravel ela não faz nada diretamente, ela é criada pelo próprio desenvolvedor e usada posteriormente via JavaScript pelo proprio desenvolvedor também:

E para pegar:

document.querySelector('meta[name="csrf-token"]').getAttribute('content');

Ou jQuery para configurar todas chamadas Ajax da página atual:

$.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});

Vale lembrar que você poderá até dar outro nome pra esta tag, mas mesmo com nome diferenciado devo ressaltar (fugindo um pouco do assunto da pergunta), que esta técnica de "anti-csrf" não é uma técnica eficiente e facilmente pode ser contornada, alguns detalhes a mais em:

Como esconder o token gerado na url pelo laravel

Como usar keywords no google atualmente?

Como alterar o cache do google para site reformulado

Não tem uso especifico, cada META tag pode ter um ou mais propósitos "funcionais" para navegadores, como:

  • Controlar o zoom em sistemas mobile (ou com suporte a isto, como alguns computadores com touch): <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0">
  • Redirecionamento: <meta http-equiv="refresh" content="<TEMPO PARA REDIRECIONAR>; URL='<URL DE DESTINO>'">
  • Para forçar um charset especifico: <meta charset="UTF-8">
  • Uma meta tag com diversos usos é o: http-equiv (a meta tag com este atributo tem tantos usos e que variam de navegadores que pode ser um pouco complicado falar)

Que não vai traduzir seu site óbviamente, mas serve para facilitar que outras ferramentas ou buscadores identifiquem o idioma da sua página de forma "explicita", ou seja você já estará informando o idioma da página, expliquei mais sobre isto em:

Não tem uso especifico, existem tags usadas por navegadores, para SEO, para redes sociais, e até que são usadas apenas internamente pelo próprio desenvolvedor do site, exemplos de uso por navegadores:

  • Controlar o zoom em sistemas mobile (ou com suporte a isto, como alguns computadores com touch): <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0">

  • Redirecionamento: <meta http-equiv="refresh" content="<TEMPO PARA REDIRECIONAR>; URL='<URL DE DESTINO>'">

  • Para forçar um charset especifico: <meta charset="UTF-8">

  • Uma meta tag com diversos usos é o: http-equiv (a meta tag com este atributo tem tantos usos e que variam de navegadores que pode ser um pouco complicado falar)

Qual é a função da meta tag X-UA-Compatible dentro do HTML

Que não vai traduzir seu site obviamente, mas serve para facilitar que outras ferramentas ou buscadores identifiquem o idioma da sua página de forma "explicita", ou seja você já estará informando o idioma da página, expliquei mais sobre isto em:

Diferença de lang e meta charset em html

Outro exemplo é a tag <meta name="csrf-token" content="{{ csrf_token() }}">, usada no somente pelo framework Laravel (e provavelmente outros frameworks), tecnicamente no laravel ela não faz nada diretamente, ela é criada pelo próprio desenvolvedor e usada posteriormente via JavaScript pelo proprio desenvolvedor também:

E para pegar:

document.querySelector('meta[name="csrf-token"]').getAttribute('content');

Ou jQuery para configurar todas chamadas Ajax da página atual:

$.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});

Vale lembrar que você poderá até dar outro nome pra esta tag, mas mesmo com nome diferenciado devo ressaltar (fugindo um pouco do assunto da pergunta), que esta técnica de "anti-csrf" não é uma técnica eficiente e facilmente pode ser contornada, alguns detalhes a mais em:

Como esconder o token gerado na url pelo laravel

Como usar keywords no google atualmente?

Como alterar o cache do google para site reformulado

adicionou 326 caracteres ao conteúdo
Fonte Link
Syzoth
  • 100,5mil
  • 23
  • 169
  • 361

Vale lembrar que existem meta tags que só funcionam em navegadores específicos, pois foram criados para aquele navegador, como dentro de http-equiv existe o X-UA-Compatible que era especificamente usada no Internet Explorer 9 e 10, exemplo:

Aqui eu explico bastante sobre o X-UA-compatibleX-UA-Compatible e DOCTYPES:

Um exemplo de grupo de tags são as "GEO", podem ser usadas por indexadores que apontam uma página como tendo uma localização fisicafísica, como um comercio, mas que são usadas por um buscador o Bing também (google creio que não usa isto), exemplo:

Outro exemplo de tag que pode até ser usada, mas tem pouco ou nenhum efeito é o <meta name="revisit-after" content="15 days">, que deveria servir para indicar a média que o conteudoconteúdo de uma página especifica em seu site tem atualização, acabava como a maioria das meta tags para SEO, sendo mal usada pelos desenvolvedores, tem um pouco mais de detalhes sobre ela em:

Open Graph, as tags para redes sociais

Existem também as tags OG (Open Graph) que tem como propósito facilitar obter imagens, textos, informação do autor do texto no momento de compartilhar em redes sociais (como Twitter e facebook), mensageiros (como Telegram e Whatsapp) e outros programas, exemplo de uso:

<meta property="og:title" content="The Rock">
<meta property="og:type" content="video.movie">
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/">
<meta property="og:image" content="http://ia.media-imdb.com/images/rock.jpg">

Claro que isto é um exemplo básico do que provavelmente o IMDB usa, para mais detalhes sobre como usar acesse o site: https://ogp.me/


Pra resumir não tem como enumerar tudo o que as METAs tags podem ser usadas, porque existem coisas que são funcionamento técnico, outro que são apenas para dados e uso de terceiros, o que importa é entender que o uso pode variar e dependerá do que pretende fazer e até de quais serviços de terceiros irão usar a tag

Por exemplo, existem sistemas que usam uma meta tag em seu site para validar um serviço, como o "google search" e o bing, que pode tem mais de um meio de validar se o site é seu (ou você o gerencia) com a tag:

<meta name="google-site-verification" content="<sua chave>">

Citei o google porque é o unico que me recordo, mas havia um serviço que usei em uma empresa certa vez que para vincular o site precisava de uma META tag especifica deles, não tem como citar porque cada serviço de terceiro pode criar sua própria META tag (apesar de que hoje a maior parte das validações é resolvida no back-end sem interação alguma com o usuário e navegadores)

Vale lembrar que existem meta tags que só funcionam em navegadores específicos, pois foram criados para aquele navegador, como dentro de http-equiv existe o X-UA-Compatible, exemplo:

Aqui eu explico bastante sobre o X-UA-compatible:

Um exemplo de grupo de tags são as "GEO", podem ser usadas por indexadores que apontam uma página como tendo uma localização fisica, como um comercio, mas que são usadas por um buscador o Bing também (google creio que não usa isto), exemplo:

Outro exemplo de tag que pode até ser usada, mas tem pouco ou nenhum efeito é o <meta name="revisit-after" content="15 days">, que deveria servir para indicar a média que o conteudo de uma página especifica em seu site tem atualização, acabava como a maioria das meta tags para SEO, sendo mal usada pelos desenvolvedores, tem um pouco mais de detalhes sobre ela em:

Vale lembrar que existem meta tags que só funcionam em navegadores específicos, pois foram criados para aquele navegador, como dentro de http-equiv existe o X-UA-Compatible que era especificamente usada no Internet Explorer 9 e 10, exemplo:

Aqui eu explico bastante sobre o X-UA-Compatible e DOCTYPES:

Um exemplo de grupo de tags são as "GEO", podem ser usadas por indexadores que apontam uma página como tendo uma localização física, como um comercio, mas que são usadas por um buscador o Bing também (google creio que não usa isto), exemplo:

Outro exemplo de tag que pode até ser usada, mas tem pouco ou nenhum efeito é o <meta name="revisit-after" content="15 days">, que deveria servir para indicar a média que o conteúdo de uma página especifica em seu site tem atualização, acabava como a maioria das meta tags para SEO, sendo mal usada pelos desenvolvedores, tem um pouco mais de detalhes sobre ela em:

Open Graph, as tags para redes sociais

Existem também as tags OG (Open Graph) que tem como propósito facilitar obter imagens, textos, informação do autor do texto no momento de compartilhar em redes sociais (como Twitter e facebook), mensageiros (como Telegram e Whatsapp) e outros programas, exemplo de uso:

<meta property="og:title" content="The Rock">
<meta property="og:type" content="video.movie">
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/">
<meta property="og:image" content="http://ia.media-imdb.com/images/rock.jpg">

Claro que isto é um exemplo básico do que provavelmente o IMDB usa, para mais detalhes sobre como usar acesse o site: https://ogp.me/


Pra resumir não tem como enumerar tudo o que as METAs tags podem ser usadas, porque existem coisas que são funcionamento técnico, outro que são apenas para dados e uso de terceiros, o que importa é entender que o uso pode variar e dependerá do que pretende fazer e até de quais serviços de terceiros irão usar a tag

Por exemplo, existem sistemas que usam uma meta tag em seu site para validar um serviço, como o "google search" e o bing, que pode tem mais de um meio de validar se o site é seu (ou você o gerencia) com a tag:

<meta name="google-site-verification" content="<sua chave>">

Citei o google porque é o unico que me recordo, mas havia um serviço que usei em uma empresa certa vez que para vincular o site precisava de uma META tag especifica deles, não tem como citar porque cada serviço de terceiro pode criar sua própria META tag (apesar de que hoje a maior parte das validações é resolvida no back-end sem interação alguma com o usuário e navegadores)

adicionou 326 caracteres ao conteúdo
Fonte Link
Syzoth
  • 100,5mil
  • 23
  • 169
  • 361
Carregando
adicionou 326 caracteres ao conteúdo
Fonte Link
Syzoth
  • 100,5mil
  • 23
  • 169
  • 361
Carregando
Fonte Link
Syzoth
  • 100,5mil
  • 23
  • 169
  • 361
Carregando