--- title: slug: Web/HTML/Element/meta translation_of: Web/HTML/Element/meta ---
{{HTMLRef}}

O elemento HTML <meta> define qualquer informação de metadados que não podem ser definidos por outros elementos HTML. ({{HTMLElement("base")}}, {{HTMLElement("link")}}, {{HTMLElement("script")}}, {{HTMLElement("style")}} ou {{HTMLElement("title")}}).

Categoria de conteúdo Conteúdo de metadado. Se o {{htmlattrxref("itemprop", "meta")}} atributo estiver presente: flow content, phrasing content.
Conteúdo permitido Nenhum, é um {{Glossary("elemento vazio")}}.
Omissão de tag Como é um elemento vazio, a marcação inicial deve estar presente e a de fechamento não.
Elementos pai permitidos <meta charset>, <meta http-equiv>: um elemento {{HTMLElement("head")}}. Se o {{htmlattrxref("http-equiv", "meta")}} não for uma declaração de codificação, ele pode estar dentro de um elemento {{HTMLElement("noscript")}}, dentro de um elemento {{HTMLElement("head")}}.
Papéis ARIA permitid Nenhum
Interface DOM {{domxref("HTMLMetaElement")}}

Atributos

Esse elemento inclui os atributos globais.

Nota: o atributo global {{htmlattrxref("name", "meta")}} tem um significado específico para o elemento {{HTMLElement("meta")}}, e o atributo {{htmlattrxref("itemprop", "meta")}} não deve ser definido no mesmo elemento<meta> que tem algum desses atributos existentes: {{htmlattrxref("name", "meta")}}, {{htmlattrxref("http-equiv", "meta")}} ou {{htmlattrxref("charset", "meta")}}.

{{htmlattrdef("charset")}}

Este atributo define a codificação de caracteres usada na página. Pode ser substituído localmente usando o atributo lang em qualquer elemento. Esse atributo é literalmente uma amarra e deve ser um dos MIME names preferidos para uma codificação de caracteres como definido pela IANA (defined by the IANA). Embora o padrão não solicite uma codificação específica, ele dá algumas sugestões:
Notas:
  • O conjunto de caracteres declarado deve corresponder ao da página. Não há motivo válido para declarar um conjunto de caracteres imprecisos.
  • Esse elemento {{HTMLElement ("meta")}} deve estar dentro do elemento {{HTMLElement ("head")}} e dentro dos primeiros 1024 bytes da página, pois alguns navegadores só olham para esses primeiros bytes antes de escolher um caractere definido para a página.
  • Esse elemento {{HTMLElement ("meta")}} é apenas uma parte do algoritmo para determinar o conjunto de caracteres de uma página que os navegadores aplicam. O cabeçalho HTTP Content-Type e quaisquer elementos da BOM têm precedência sobre esse elemento.
  • É uma boa prática, e altamente recomendável, definir o conjunto de caracteres usando este atributo. Se nenhum conjunto de caracteres estiver definido para uma página, várias técnicas de scripts cruzados poderão prejudicar o usuário da página, como a técnica de cross-scripting de fallback UTF-7. Sempre definindo esta meta irá proteger contra esses riscos.
  • Esse elemento {{HTMLElement("meta")}} é um sinonimo para o pre-HTML5 <meta http-equiv="Content-Type" content="text/html; charset=IANAcharset"> onde o atributo  IANAcharset corresponde ao valor equivalente de {{htmlattrxref("charset", "meta")}}. Essa sintaxe ainda é permitida, embora obsoleta e não mais recomendada.
{{htmlattrdef("content")}}
Esse atributo fornece o valor associado ao atributo {{htmlattrxref("http-equiv", "meta")}} ou {{htmlattrxref("name", "meta")}}, dependendo do contexto.
{{htmlattrdef("http-equiv")}}
Este enumerado atributo define a pragma isso pode alterar o comportamento de servers e user-agents. o valor do pragma é definido usnado {{htmlattrxref("content", "meta")}} e pode ser um dos seguintes:
"content-language" {{obsolete_inline}}
este pragma define a linguagem defaul da pagina
não use este pragma, ele esta absoleto. use o global atributo lang no {{HTMLElement("html")}} inves deste.
"Content-Security-Policy"
Este valor permite os administradores do web site a definir o conteudo politico para servido recursos. com algumas exeçoes, politicas involvem especificos origins de servers e escripts endpoints. isso ajuda na defesa de cross-server scripting attacks.
"content-type" {{obsolete_inline}}
Esse atributo define o MIME type do documento, eventualmente seguido por estes caracteres. isso segue a mesma syntax como o HTTP content-type entity-header field, mas isto esta dentro de um elemento HTML, a maioria dos valores não é possivel. sendo assim a syntax valida para este conteudo é a literal string 'text/html' eventualmente seguido por estes caracteres com a seguinte syntax:'; charset=IANAcharset' onde IANAcharset é o MIME preferido nome para um conjunto de caracteres como  definido pela IANA.
nota de uso:
  • Nao use esta pragma ela esta absoleta. use {{htmlattrxref("charset", "meta")}} atributo {{HTMLElement("meta")}} element instead.
  • como o {{HTMLElement("meta")}} pode nao ser usado para mudar o tipo de documento no XHTML, ou em um documento de HTML5 seguindo uma syntax de XHTML, nunca marque MIME type para um XHTML MIME type desta forma. isso sera incoerente.
  • somente um documento HTML pode usar o content-type, entao a maioria disto é redundante: isso porque esta absoleto e trocado pelo atributo {{htmlattrxref("charset", "meta")}}.
"default-style"
Este pragma preferencia de stylesheet a ser usado na pagina. o atributo {{htmlattrxref("content", "meta")}}  deve conter o title de um {{HTMLElement("link")}} elemento de quem {{htmlattrxref("href", "link")}} atributo link um CSS stylesheet, ou um title de um elemento {{HTMLElement("style")}} do qual contem um CSS stylesheet.
"refresh"
este pragma especifica:
  • o numero de segundos ate a pagina ser re carregada, se o atributo {{htmlattrxref("content", "meta")}} contem apenas um numero inteiro positivo;
  • o numero de segundos ate a pagina ser redirecionada para outro lugar, se o atributo {{htmlattrxref("content", "meta")}} contem um inteiro positivo seguido de uma string ';url=' e uma URL valida.
"set-cookie" {{obsolete_inline}}
este pragma define um cookie para a pagina. este conteudo deve seguir a syntax definida em IETF HTTP Cookie Specification.
Note: não use este pragma esta absoleto. Use HTTP header set-cookie instead.
{{htmlattrdef("name")}}
Este atributo define o nome do document-level metadata. isso nao deve ser marcado se um dos atributos {{htmlattrxref("itemprop", "meta")}}, {{htmlattrxref("http-equiv", "meta")}} ou {{htmlattrxref("charset", "meta")}} ja estao preparados.
este document-level metadata name é asociado a um valor, contido pelo atributo {{htmlattrxref("content", "meta")}}. os possiveis valores para o elemento name sao, com seu valor asociado, guardado via {{htmlattrxref("content", "meta")}} attribute:

o atributo tambem pode ter um valor retirado de uma extensa lista definida em WHATWG Wiki MetaExtensions page. Embora nenhum tenha sido formalmente aceito ainda, alguns nomes comumente usados ​​estão entre as propostas:

 

Finalmente, alguns nomes estão em uso comum, embora não estejam sendo padronizados:

 

{{htmlattrdef("scheme")}} {{obsolete_inline}}

Este atributo define o esquema no qual os metadados são descritos. Um esquema é um contexto que leva às interpretações corretas dos {{htmlattrxref("content", "meta")}} valores, como um formato.

Notes: Não use este atributo pois esta absoleto.

Não há substituto para isso, pois não houve uso real para isso. Omitir completamente.

Notes

Dependendo do conjunto escolhido, o tipo de matadata pode ser uma das seguntes:

Exemplos

<!-- In HTML5 -->
<meta charset="utf-8">

<!-- redireciona a pagina depois de 3 seconds -->
<meta http-equiv="refresh" content="3;url=https://www.mozilla.org">

Especificações

Specification Status Comment
{{SpecName('Referrer Policy', '#referrer-policy-delivery-meta', '<meta name="referrer">')}} {{Spec2('Referrer Policy')}} Define valores e semantica <meta name="referrer">.
{{SpecName('HTML WHATWG', 'semantics.html#the-meta-element', '<meta>')}} {{Spec2('HTML WHATWG')}} Adiciona o atributo itemprop
{{SpecName('HTML5 W3C', 'document-metadata.html#the-meta-element', '<meta>')}} {{Spec2('HTML5 W3C')}} Adiciona o atributo charset 
{{SpecName('HTML4.01', 'struct/global.html#h-7.4.4.2', '<meta>')}} {{Spec2('HTML4.01')}}  

Compatibilidade com navegadores

{{CompatibilityTable}}

Feature Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari
Basic support {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatGeckoDesktop("1.0")}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}}
name="referrer" {{CompatChrome("17")}} {{CompatNo}} {{CompatGeckoDesktop("36.0")}} [1] {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}

Constrangido aos valores listados no referenciador (conforme especificado na especificação)

 

 {{CompatChrome("46.0")}} {{CompatNo}}        
Feature Android Android Webview Edge Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile Chrome for Android
Basic support {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatGeckoMobile("1.0")}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}}
name="referrer" {{CompatUnknown}} {{CompatVersionUnknown}} {{CompatNo}} {{CompatGeckoMobile("36.0")}} [1] {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatVersionUnknown}}

Constrangido aos valores listados no referenciador (conforme especificado na especificação)		 {{CompatNo}} {{CompatChrome("46.0")}} {{CompatNo}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatChrome("46.0")}}

[1] O valor referrer  não foi levado em conta quando a navegação estava acontecendo através do menu de contexto ou clique do meio até o Firefox 39.

 

See also