<base>: O Elemento BASE
Última atualização: 2026-10-13
<base>O Elemento BASE
Define a URL base padrão ou o destino padrão para todas as URLs relativas; no máximo um por documento, antes de qualquer elemento com URL.
| 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
<base href="https://example.com/">⚙️ Atributos
Este elemento suporta os atributos globais mais os seguintes:
| Atributo | Valor | Descrição |
|---|---|---|
href | Base address for resolving relative URLs. | |
target | Default target window for links (e.g. _blank). |
▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <base> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
Dica： base é um elemento vazio; uma vez definido, todos os links relativos são resolvidos com base nele — use com cuidado.
❓ Perguntas Frequentes
QPara que serve a tag base?
A
<base href='https://example.com/app/'> define o endereço-base para todas as URLs relativas da página — imagens, links e envios de formulário com caminhos relativos são resolvidos a partir dele. O atributo target também permite padronizar como os links abrem (por exemplo, todos em nova janela).Qbase afeta links de âncora?
AAfeta, e é uma pegadinha clássica:
<a href='#top'> numa página com base href é resolvido para /#top sob o endereço-base, não para a página atual, causando saltos inesperados. Em páginas com base, escreva âncoras com o endereço completo da página atual.Qbase precisa ser o primeiro elemento do head?
AFortemente recomendado:
<base> só vale para URLs que aparecem depois dele; um recurso de caminho relativo declarado antes do base seria resolvido com a base errada. Ser o primeiro elemento do head é a posição mais segura.🏷️ Tags Relacionadas
💡 Casos Relacionados
Mais estudos de caso em breve — volte mais tarde.
📚 Tutoriais Relacionados
