<title>: O Elemento TITLE
Última atualização: 2026-10-13
<title>O Elemento TITLE
Define o título do documento exibido na aba do navegador e nos resultados de busca; exatamente um por documento, dentro de head.
| Categoria | Metadados |
|---|---|
| Modelo de Conteúdo | Somente dentro de head |
| Pais Permitidos | Qualquer elemento que aceite conteúdo de fluxo |
| Tag de Fechamento | Sim — requer fechamento </title> tag |
| Status | Padrão |
📝 Sintaxe
<title>Título da página</title>▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <title> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
Dica： O texto de title é o título da aba e do SEO — mantenha conciso com palavras-chave; sem tags aninhadas.
❓ Perguntas Frequentes
QQual é o tamanho ideal de title?
AMecanismos de busca exibem cerca de 50-60 caracteres latinos (ou aproximadamente 30 caracteres CJK) antes de truncar com reticências. Recomenda-se as palavras-chave centrais no início e a marca no fim, no formato «Nome do curso - Nome do site», evitando empilhar palavras-chave.
Qtitle aceita imagem ou HTML?
ANão;
<title> recebe apenas texto puro — qualquer tag vira texto. O espaço para logo é o ícone da aba do navegador (favicon), configurado com link rel='icon'.QComo mudar o title dinamicamente numa SPA?
AVia JS:
document.title = 'Novo título', atualizando a cada troca de rota. Há impacto no SEO — rastreadores precisam renderizar o JS para ver; nas páginas importantes, entregue o title direto do servidor, reservando o título via JS só para a experiência.🏷️ Tags Relacionadas
💡 Casos Relacionados
Mais estudos de caso em breve — volte mais tarde.
📚 Tutoriais Relacionados
