HTML <base> se utiliza para definir la URL base de todas las URL relativas. Esto se hace mediante el atributo href. El segundo atributo target define dónde deben abrirse los re­s­pe­c­ti­vos objetivos de re­fe­re­n­cia. La HTML <base> tag siempre se almacena dentro del elemento <head>.

¿Qué es la HTML <base> tag?

La tag HTML <base> define la URL base de todas las URL relativas de una página web. Contiene los dos atributos HTML, href y target. La URL que servirá de re­fe­re­n­cia para todas las URL relativas, gráficos hojas de estilo y scripts de un documento HTML se determina mediante href. Esta URL base también puede ser relativa. El atributo target determina el nombre de la ventana en la que se abrirán todos los objetivos de re­fe­re­n­cia. Además, HTML <base> también puede uti­li­zar­se para es­pe­ci­fi­car cómo deben abrirse los enlaces en el documento actual.

La etiqueta HTML <base> siempre se almacena dentro del elemento <head> y debe uti­li­zar­se lo antes posible en el código. Si hay varias etiquetas <base>, solo se tiene en cuenta la primera, mientras que las demás se ignoran.

Hosting
Hosting de primera al mejor precio
  • 3x más rápido, ahora un 60 % de ahorro
  • Alta di­s­po­ni­bi­li­dad >99.99 %
  • Solo en IONOS: hasta 500 GB incluidos

La sintaxis de HTML <base>

La sintaxis de HTML <base> es la siguiente:

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

Ejemplos del fu­n­cio­na­mie­n­to de <base>

In­tro­du­cir URL base

En el primer ejemplo, in­tro­du­ci­mos la URL base https://www.paginadeejemplo.com en la cabecera de un documento uti­li­za­n­do la etiqueta HTML <base>:

<!DOCTYPE html> 
<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 el destino por defecto para todas las URL

En el siguiente ejemplo, uti­li­za­mos el atributo target en el código para es­pe­ci­fi­car a qué destino deben ir todas las URL de la página:

<!DOCTYPE html> 
<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

Acceder a una URL base con varios enlaces relativos

En el tercer ejemplo, uti­li­za­mos <base> para crear una URL base que es utilizada por todos los enlaces relativos como página de inicio. Este sería el código:

<!DOCTYPE html> 
<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
Dominios web
Compra y registra tu dominio ideal
  • Tu dominio protegido con Ce­r­ti­fi­ca­do SSL Wildcard gratis
  • Función Domain Connect para una co­n­fi­gu­ra­ción DNS si­m­pli­fi­ca­da gratis
  • Registro privado y gratis para mayor seguridad

¿Qué atributos admite la etiqueta HTML <base>?

La etiqueta<base> solo admite los atributos href y target.

  • href: la URL base para todas las URL relativas de la página se determina mediante herf. El valor de este atributo se es­pe­ci­fi­ca siempre en forma de URL. Para nuestros ejemplos an­te­rio­res, este valor es https://www.paginadeejemplo.com.
  • target: el atributo target es­pe­ci­fi­ca la ventana de destino en la que debe abrirse una URL. Puede tener los valores _blank, _parent, _self y _top. _blank abre los enlaces en una nueva ventana, _parent abre los enlaces en un marco superior, _self abre todos los enlaces en la misma ventana y _top abre los enlaces en la ventana del navegador y no como un marco de la página de enlace.
Consejo

En nuestra Digital Guide en­co­n­tra­rás muchos más artículos sobre el Lenguaje de Marcado de Hi­pe­r­te­x­to. Entre otras cosas, en­co­n­tra­rás un amplio tutorial para pri­n­ci­pia­n­tes y un resumen de los mejores editores HTML.

Ir al menú principal