Elemento base

Si no sabes lo que es un elemento o cómo debes usarlo, te recomiendo leer el tutorial "Tags y atributos en HTML" que puedes encontrar en la sección de tutoriales HTML.

Descripción

El elemento base puede proveer un URI para resolver todos los URIs relativos en el documento, o para definir el contexto predeterminado en el que se abrirán todos los vínculos del documento. Resumidamente, establece la conducta predeterminada para vínculos y resolución de URIs en un documento HTML.

El elemento base puede ser declarado únicamente en la sección head del documento y sólo una vez y, debido a su propósito, debe preceder a todos los elementos que precisan de la resolución de URIs o que representan hypervínculos.

Ejemplos

Para el siguiente ejemplo, asumiremos que tenemos un sitio web dedicado a mostrar imágenes. En este caso, podría tener sentido definir al URI base como la dirección donde se encuentran las imágenes, con el fin de alivianar la tarea de enlazarlas.

Entonces, crearemos la página para la categoría "flores" de ese sitio, por lo que el URI base se establece para simplificar todos los URIs de las imágenes.

<head>
  <title>Imágenes de flores</title>
  <base href="http://www.sitio-de-imagenes-de-ejemplo.com/imagenes/naturaleza/flores/">
</head>
<body>
  <img src="lirio.jpg">
  <img src="orquídea.jpg">
  <img src="loto.jpg">
</body>

Atributos

Atributos específicos

href

El URI base a partir del cual todos los URIs relativos en el documento serán resueltos.

Ejemplo

<head>
  <title>Mi blog</title>
  <base href="http://www.mi-blog-de-ejemplo.com/">
</head>

target

El nombre o palabra clave del contexto de navegación predeterminado, que establecerá cómo los vínculos del documento deben ser abiertos. Este valor puede ser un nombre de contexto de navegación (como el valor del atributo name de un iframe) o cualquiera de los siguientes valores (insensibles a mayúsculas/minúsculas):

  • _blank: los vínculos se abrirán en una nueva ventana.
  • _parent: los vínculos se abrirán en el contexto padre inmediato.
  • _self: los vínculos se abrirán en el mismo contexto que contiene al vínculo.
  • _top: los vínculos se abrirán en el más alto contexto de navegación (el contexto más exterior que contiene al vínculo).

El atributo target fue desaprobado en versiones previas de HTML, pero ha sido reincorporado en HTML5 ya que se vuelve útil en combinación con el elemento iframe.

Ejemplo

<head>
  <title>Mi sitio web</title>
  <base target="_blank">
</head>

Atributos globales

Para más información acerca de los atributos globales refiérete a esta lista de atributos gloables en HTML5.

Eventos

Eventos globales

Para más información acerca de los eventos globales refiérete a esta lista de eventos globales en HTML5.