<meta>: O Elemento META
Última atualização: 2026-10-13
<meta>O Elemento META
Descreve metadados do documento — charset, description, author, viewport — invisíveis na página mas vitais para SEO e renderização.
| Categoria | Metadados |
|---|---|
| Modelo de Conteúdo | Conteúdo de fluxo |
| Pais Permitidos | Qualquer elemento que aceite conteúdo de fluxo |
| Tag de Fechamento | Auto-fechante — nenhuma tag de fechamento necessária |
| Status | Padrão |
📝 Sintaxe
<meta name="" content="">⚙️ Atributos
Este elemento suporta os atributos globais mais os seguintes:
| Atributo | Valor | Descrição |
|---|---|---|
charset | Document character encoding, e.g. UTF-8 (best placed first in head). | |
name | Metadata name, e.g. description, keywords, author, viewport. | |
content | The value paired with name or http-equiv. | |
http-equiv | Emulates an HTTP response header, e.g. content-type, refresh. | |
property | Social card property, e.g. og:title (Open Graph). |
▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <meta> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
Dica： meta é um elemento vazio; coloque charset cedo para evitar caracteres corrompidos.
❓ Perguntas Frequentes
QQuais categorias de configuração o meta tem?
ACharset
<meta charset='UTF-8'>; viewport <meta name='viewport' content='width=device-width, initial-scale=1'>; descrição SEO name='description'; cartão de compartilhamento Open Graph (og:title, og:image); controle de indexação para robots (noindex/nofollow). Cada categoria atende um ecossistema.QPor que o meta charset precisa estar nos primeiros 1024 bytes?
AO navegador analisa em streaming e decodifica os primeiros bytes pela codificação padrão antes de ler o charset; se caracteres multibyte (como acentos) aparecerem antes e a codificação for mal interpretada, surge texto corrompido sem recuperação automática. Por isso o charset deve ser o primeiro elemento do head.
QQuais parâmetros cabem no content do viewport?
AComuns:
width=device-width (largura segue o dispositivo), initial-scale=1 (zoom inicial), maximum-scale/user-scalable (restrições de zoom — desativar o zoom fere a acessibilidade, não recomendado), viewport-fit=cover (adaptação a telas com notch).🏷️ Tags Relacionadas
💡 Casos Relacionados
Mais estudos de caso em breve — volte mais tarde.
📚 Tutoriais Relacionados
