Com a tag HTML <base>, você pode definir o URL base para todos os URLs relativos. Faça isso por meio do atributo href. O segundo atributo, target, determina onde os respectivos destinos dos links serão abertos. A tag HTML <base> é sempre colocada dentro do elemento <head>.

O que é a tag HTML <base>?

A tag HTML <base> define o URL base para todos os URLs relativos de um site. Ela contém dois atributos HTML: href e target. Com o HTML href, define-se o URL que servirá como referência para todos os URLs relativos, gráficos, folhas de estilo e scripts em um documento HTML. Esse URL base pode ser também relativo. O atributo HTML target determina o nome da janela em que todos os destinos de links serão abertos. Além disso, a tag HTML <base> pode definir como os links dentro do documento atual devem ser abertos.

A tag HTML <base> é sempre posicionada dentro do elemento <head> e deve ser usada o quanto antes no código. Caso existam várias tags <base>, somente a primeira será considerada, e as demais serão ignoradas.

Hospedagem que se adapta às suas ambições
  • Fique online com 99,99% de tempo de atividade e segurança robusta
  • Aumente o desempenho com um clique à medida que o tráfego cresce
  • Inclui domínio gratuito, SSL, e-mail e suporte 24 horas por dia, 7 dias por semana

Sintaxe da tag HTML <base>

A sintaxe básica da tag HTML <base> é a seguinte:

<base href="URL" target="DESTINO">
html

Exemplos de aplicação da tag HTML <base>

Definir URL base

No primeiro exemplo, definimos o URL base https://www.exemploseite.com no cabeçalho de um documento usando a tag HTML <base>:

<!DOCTYPE html>
<html>
<head>
<title>Exemplo da tag base em HTML</title>
<base href="https://www.exemploseite.com" />
</head>
<body>
<p>
Aqui está o conteúdo do seu site.
</p>
</body>
</html>
html

Definir destino padrão para todos os links

No próximo exemplo, usamos o atributo target para definir o destino para todos os links da página:

<!DOCTYPE html>
<html>
<head>
<title>Exemplo da tag base em HTML</title>
<base href="https://www.exemploseite.com" target="_self">
</head>
<body>
<p>
Aqui está o conteúdo do seu site.
</p>
</body>
</html>
html

Usar vários links relativos com um URL base

No terceiro exemplo, usamos a tag HTML <base> para definir um URL base que será utilizado por todos os links relativos como página inicial. Veja o código:

<!DOCTYPE html>
<html>
<head>
<title>Exemplo da tag base em HTML</title>
<base href="https://www.exemploseite.com/">
</head>
<body>
<h2>Páginas internas</h2>
<ul>
<li><a href="/primeira_pagina/index.htm">Primeira página</a></li>
<li><a href="/segunda_pagina/index.htm">Segunda página</a></li>
</ul>
</body>
</html>
html
Construa sua marca com um ótimo domínio
Registre um nome de domínio
  • SSL Wildcard grátis para mais segurança
  • Registro privado grátis para mais privacidade
  • Domain Connect grátis para configurar DNS fácil

Quais atributos a tag HTML <base> suporta?

A tag <base> suporta apenas os dois atributos href e target.

  • href: O atributo href define o URL base para todos os URLs relativos na página. O valor deste atributo é sempre fornecido como um URL. Para os exemplos acima, esse valor seria https://www.exemploseite.com.

  • target: O atributo target especifica a janela em que o URL será aberto. Ele pode ter os valores _blank, _parent, _self e _top. O valor _blank abre os links em uma nova janela, _parent abre os links em um frame superior, _self abre todos os links na mesma janela e _top abre os links na janela principal do navegador, removendo qualquer frame ou iframe da página de origem.

Este artigo foi útil?
Ir para o menu principal