Propriedade href do <base> do HTML

Etiqueta HTML <base>

Definição e uso

href A propriedade define o URL base para todos os URLs relativos na página.

Explicação

O elemento base pode ser usado para definir um URL base, para que os links relativos no documento HTML sejam analisados com base nele.

Os links relativos omitem a parte do URL de protocolo, host e porta, que deve ser determinada com base em outro URL (ou seja, o URL especificado no base, ou o URL do documento atual).

href A propriedade especifica o URL base a ser usado para analisar os URLs relativos no parte subsequente do documento.

Exemplo

Exemplo 1

Define o URL base para todos os URLs relativos na página:

<!DOCTYPE html>
<html>
<head>
  <base href="https://www.codew3c.com/i/photo/">
</head>
<body>
<h1>Propriedade base href</h1>
<img src="flower.png" width="60" height="60" alt="tulipa">
</body>
</html>

Experimente pessoalmente

Exemplo de explicação

Neste exemplo, o URL base é configurado como https://www.codew3c.com/i/photo/. www.codew3c.com é o domínio do host, e /i/photo/ é o diretório no servidor que contém os arquivos de imagens.

No final da documentação, há um elemento img para referenciar imagens, que usa o URL relativo flower.png. Quando o navegador carrega a imagem, ele junta o URL base e o URL relativo para formar um URL completo:

https://www.codew3c.com/i/photo/flower.png

Exemplo 2

Define o URL base para todos os URLs relativos na página:

<!DOCTYPE html>
<html>
<head>
  <base href="https://www.codew3c.com/html/">
</head>
<body>
<h1>Propriedade base href</h1>
<a href="html_basic.asp">Básico HTML</a>
</body>
</html>

Experimente pessoalmente

Exemplo de explicação

Neste exemplo, o URL base é configurado como https://www.codew3c.com/html/. www.codew3c.com é o domínio do host, e /html/ é o diretório no servidor que contém os arquivos de imagens.

No final da documentação, há um elemento a para gerar links, que usa o URL relativo html_basic.asp. Quando o usuário clica neste hiperlink, o navegador junta o URL base e o URL relativo para formar um URL completo:

https://www.codew3c.com/html/html_basic.asp

Dica

Se não usar o elemento base ou não definir um URL de referência de base usando a propriedade href, o navegador considerará o URL do documento atual como a base para a resolução de todos os URLs relativos.

Por exemplo, suponha que o navegador carregue um documento a partir deste URL https://www.codew3c.com/js/index.asp, e o documento contenha um link que usa o URL relativo html_basic.asp. Ao clicar neste link, o navegador tentará carregar o segundo documento a partir deste URL absoluto https://www.codew3c.com/js/html_basic.asp.

Sintaxe

<base href="URL">

Valor do atributo

Valor Descrição
URL URL absoluta que serve como URL de referência de base (por exemplo, “http://www.example.com/”)

Suporte ao navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte

Etiqueta HTML <base>