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.
Tabla de contenidos
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.
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.