Go to main content
Bypass navigation bar Referencia HTML Tags HTML Tutoriales HTML
Bypass language selection
Bypass location bar

Location: Inicio > Referencia HTML > Tags HTML > Tag HTML base

Bypass main content

Tag HTML base

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

Bypass main content

Descripción

El elemento HTML base establece la URI base que actuará como punto de partida para todas las URIs relativas presentes en el documento. Cuando se omite, la URI base es la URI de la carpeta contenedora del documento actual.

Este elemento debe ser insertado en alguna parte del encabezado del documento (elemento HTML head).

Ejemplos

Supongamos que necesitamos insertar un gran número de imágenes en este documento (http://www.htmlquick.com/es/reference/tags/base.html), que se encuentran en el directorio de imágenes (http://www.htmlquick.com/es/images/). Entonces deberíamos insertar cada imagen con una uri como esta "../../images/image.png".

El elemento HTML puede ayudarnos a acortar estas URIs (que pueden ser muchas) estableciendo una URI base para resolver las URIs de las imágenes.

<html>
<head>
<title>Tag HTML base</title>
<base href="http://www.htmlquick.com/images/" target="_blank">
</head>
<body>
<img src="image1.png" />
<img src="image2.png" />
<img src="image3.png" />
</body>
</html>

Nota, que esta declaración afectará a todas las URIs en el documento, y no solamente a las URIs de las imágenes.

Atributos

href (uri)

El atributo "href" especifica la URI base que actuará como punto de partida para resolver todas las URIs en el documento.

<base href="http://www.sociedadmoderna.com/docs/drogas/">

target (frame-target)

Especifica el nombre del marco donde todos los recursos vinculados en el documento actual se abrirán por defecto. Refiérete a la definición del tipo frame-target para más información.

<base href="http://www.sociedadmoderna.com/docs/drogas/" target="_blank">

Eventos

Este elemento no soporta eventos.

Ve a la lista completa de eventos en HTML.

Diseño y desarrollo: Latitud29.com

Vínculos y logos|Contacto|Más allá de HTML|Herramientas y recursos|Mapa del sitio|Webmaster|Dona