Elemento base en HTML

El elemento base establece la base de URL para todas las URL relativas del documento. No se puede utilizar más de un elemento <base>en el documento.

Se puede acceder a la URL base del documento mediante programación mediante document.baseURI.

Ejemplo de uso del elemento <base>para mostrar una imagen del logotipo de la empresa Hsoub (usando el elemento <img>), con un enlace a la versión en inglés del sitio (usando el elemento <a>):

<! DOCTYPE html> 
< html >

   < head > 
      < title > Etiqueta base HTML </ title > 
      < base  href = "https://bigcode.es/" > 
   </ head >

   < body> 
      < img  src = "/assets/images/bigcode-logo.svg" > 
      < a href = "/ es" > BigCode en Español </ a > 
   </body >

</ html >

Tarjeta de Artículo

Clasificaciones de contenido	Metadatos
Contenido permitido	No hay. Este artículo está vacío.
Acrónimo	No se puede utilizar etiqueta de cierre para este elemento.
Elementos del padre	Cualquier elemento `<head>` que no contenga `<base>` otro elemento .
Interfaz DOMO	`HTMLBaseElement`

Soporte de Navegadores

Chrome	Firefox	Edge	Safari	Ópera
Soportado	Soportado	Soportado	Soportado	Soportado

Características

Con este elemento base se pueden utilizar propiedades globales.

href

La URL base de todos los enlaces relativos del documento.

Si se especifica un valor para esta propiedad, este elemento debe ir antes que cualquier otro elemento que tenga atributos que representen URL.

target

Reservado Indica la ubicación predeterminada para mostrar la salida cuando los enlaces o elementos de formulario hacen que vayan a otra página si no especifican un valor para esta propiedad.

Las siguientes palabras reservadas tienen significados especiales:

‎__self: Muestra el resultado de la ubicación de la página actual. Este es el valor predeterminado si no se especifica ningún otro valor.
:__blank: Vea la página en una nueva ventana.
:__parent: Page mostrará el lugar de la página padre a la que pertenece el iframe, y si no hubiera una página padre Vst Zlk este valor es el comportamiento del valor de la __self misma.
‎__top: el ancho de la página es un lugar en la parte superior de una página en la jerarquía (es decir, la página que es la página principal directa o indirecta de la página actual y no tiene una página principal). Si no hubiera una página padre Vst Zlk este valor es el comportamiento del valor de la __self misma.

Notas de uso

Si se utiliza más de un elemento, se considerará el <base> valor de la primera propiedad href y la primera propiedad target. El resto se ignorará.

Si usamos el siguiente código en el documento, encontraremos que el navegador dependerá de una propiedad href del primer elemento <base>, y una propiedad target del segundo elemento, e ignorará por completo la propiedad href del segundo elemento:

< base  href = "https://bigcode.es" > 
< base  target = "_blank"  href = "http://www.example.com" >

Si usamos el elemento <a> para referirnos a otros elementos en el mismo documento (por ejemplo <a href="#anchor">anchor</a>:), adoptará la URL base especificada en un elemento y, por lo <base>tanto, creará una nueva solicitud http.

Si tuviéramos el <base> siguiente elemento :

< base  href = "https://bigcode.es/" >

Teníamos un artículo como este :

< a href = "#anchor" > prueba </ a>

Al hacer clic en el enlace, se cargará la página https://bigcode.es/#anchor con una nueva solicitud HTTPS