Etiqueta HTML `<base>`

La etiqueta <base> ha sido parte de HTML desde HTML 2.0. Define una URL absoluta (base) para todas las URLs relativas en el documento HTML, incluidos enlaces, imágenes, formularios y scripts. Esta etiqueta también determina cómo se deben abrir los enlaces en el documento actual (en una nueva ventana, en la ventana actual, etc.).

Puedes acceder a la URL base utilizada de un documento desde scripts con document.baseURI. Si el documento no contiene ningún elemento <base>, baseURL tomará por defecto document.location.href.

Sintaxis

La etiqueta <base> es un elemento vacío, lo que significa que no se requiere la etiqueta de cierre. En HTML5, la barra de autocierra es opcional, pero en XHTML, la etiqueta <base> debe cerrarse (<base />).

éxito
Solo se puede usar una etiqueta <base> en la página, y debe colocarse en el <head> elemento. Debes insertarla lo antes posible, ya que su acción se extiende desde el lugar donde se especifica.

peligro
Si usas múltiples elementos <base>, solo se respetarán los primeros atributos href y target. El resto se ignorará.

Ejemplo de la etiqueta HTML `<base>`:

Ejemplo de la etiqueta HTML <base>

html

<!DOCTYPE html>
<html>
  <head>
    <title>HTML base tag</title>
    <base href="https://www.w3docs.com/" target="_blank" />
  </head>
  <body>
    <a href="/css3-maker/border-radius">Try CSS Maker Tool</a>
  </body>
</html>

Try it Yourself »

Resultado

base example

En este ejemplo, la etiqueta <base> define la URL base - "https://www.w3docs.com/", y el enlace relativo "/css3-maker/border-radius" utilizará esa URL como punto de partida.

Copia el código mencionado anteriormente en nuestro editor y verás un enlace activo que, al hacer clic, se abre en una nueva ventana. Aunque el enlace en sí no contiene el atributo target="_blank", se abrirá en una nueva ventana, ya que hemos establecido el atributo target="_blank" en la etiqueta <base>.

Atributos

La etiqueta <base> puede contener el atributo href o target, o ambos. Si no se especifica ninguno, la etiqueta no tiene efecto.

Atributo	Valor	Definición
href	URL	Especifica la URL base para todas las URLs relativas en la página.
target	`_blank`	Abre el enlace en una nueva ventana o pestaña.
	`_self`	Abre el enlace en la ventana actual.
	`_parent`	Abre el enlace en el marco principal.
	`_top`	Abre el documento en el cuerpo completo de la ventana.

Práctica

¿Cuál es la función de la etiqueta HTML <base>?

Especifica la URL base para todas las URLs relativas en una página.Se utiliza para incrustar multimedia en una página web.Define un conjunto de enlaces de navegación.Se utiliza para especificar el objetivo base para todos los hipervínculos y formularios en una página.Añade un título a un documento web.

Etiqueta HTML <base> ​

Sintaxis ​

Ejemplo de la etiqueta HTML <base>: ​

Resultado ​