Pular para o conteúdo
Observatório do <head>

/static/observatorio/astro/base-href/

Menu

HED-021 · Comportamento

<base href>

Muda a régua de todos os endereços relativos do documento — todos mesmo.

Uma linha, e cada URL relativa do documento — links, imagens, folhas de estilo, scripts, formulários — passa a resolver contra o endereço declarado, e não contra o da página. Só pode haver um <base>, e ele precisa vir antes de qualquer elemento que use URL.

É quase sempre má ideia pelo alcance: até as âncoras obedecem, e um inocente href="#topo" vira navegação para outra página. Um esquecimento afeta o documento inteiro. Sobrevive onde faz sentido de verdade — e-mails em HTML, espelhos de sítios, documentação gerada para servir de qualquer pasta.

<base href="https://exemplo.org/docs/">
<!-- <a href="#topo"> agora leva a /docs/#topo -->
Até as âncoras internas obedecem à nova régua.