HTML <base> é usado para definir a URL base de todas as URLs relativas. Isso é feito através do atributo href. O segundo atributo target define onde os res­pec­ti­vos alvos de re­fe­rên­cia devem ser abertos. A tag HTML <base> é sempre ar­ma­ze­nada dentro do elemento <head>.

O que é a tag HTML <base>?

A tag HTML <base> define a URL base de todas as URLs relativas de uma página web. Contém os dois atributos HTML, href e target. A URL que servirá de re­fe­rên­cia para todas as URLs relativas, gráficos, folhas de estilo e scripts de um documento HTML é de­ter­mi­nada por href. Esta URL base também pode ser relativa. O atributo target determina o nome da janela na qual todos os objetivos de re­fe­rên­cia serão abertos. Além disso, HTML <base> também pode ser usado para es­pe­ci­fi­car como os links devem ser abertos no documento atual.

A tag HTML <base> é sempre ar­ma­ze­nada dentro do elemento <head> e deve ser utilizada o mais cedo possível no código. Se houver várias tags <base>, apenas a primeira será con­si­de­rada, enquanto as demais serão ignoradas.

A sintaxe do HTML <base>

A sintaxe do HTML <base> é a seguinte:

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

Exemplos do fun­ci­o­na­mento de <base>

In­tro­du­zir URL base

No primeiro exemplo, in­tro­du­zi­mos a URL base https://www.paginadeejemplo.com no cabeçalho de um documento uti­li­zando a tag HTML <base>:

<html> 
<head> 
<title>Ejemplo tag HTML base</title> 
<base href="https://www.paginadeejemplo.com" /> 
</head> 
<body> 
<p> 
Aquí el contenido de la página web. 
</p> 
</body> 
</html>
html

Definir o destino padrão para todas as URLs

No exemplo a seguir, usamos o atributo target no código para es­pe­ci­fi­car para qual destino todas as URLs da página devem ser di­re­ci­o­na­das:

<html> 
<head> 
<title>Ejemplo tag HTML base</title> 
<base href="https://www.paginadeejemplo.com" target="_self"> 
</head> 
<body> 
<p> 
Aquí el contenido de la página web. 
</p> 
</body> 
</html>
html

Acessar uma URL base com vários links relativos

No terceiro exemplo, usamos <base> para criar uma URL base que é usada por todos os links relativos como página inicial. Este seria o código:

<html> 
<head> 
<title>Ejemplo tag HTML base</title> 
<base href="https://www.paginadeejemplo.com/"> 
</head> 
<body > 
<h2>Varias subpáginas</h2> 
<ul> 
<li><a href="/primera_subpagina/index.htm">Primera subpágina</a></li> 
<li><a href="/segunda_subpagina/index.htm">Segunda subpágina</a></li> 
</ul> 
</body> 
</html>
html

Que atributos a tag HTML <base> admite?

A<base> só aceita os atributos href e target.

  • href: a URL base para todas as URLs relativas da página é de­ter­mi­nada por herf. O valor deste atributo é sempre es­pe­ci­fi­cado na forma de URL. Para os nossos exemplos an­te­ri­o­res, este valor é https://www.paginadeejemplo.com.
  • target: o atributo target es­pe­ci­fica a janela de destino na qual um URL deve ser aberto. Pode ter os valores _blank, _parent, _self e _top. _blank abre os links numa nova janela, _parent abre os links num quadro superior, _self abre todos os links na mesma janela e _top abre os links na janela do navegador e não como um quadro da página de link.
Ir para o menu principal