Propiedad 'href' de <base> en HTML

Definición y uso

href La propiedad especifica la URL base para todas las URL relativas en la página.

Descripción

El elemento 'base' se puede utilizar para establecer una URL base, permitiendo que los enlaces relativos en el documento HTML se analicen en este contexto.

Los enlaces relativos omiten la parte del protocolo, el nombre de host y el puerto de la URL, y deben obtener su forma completa en función de otra URL (ya sea la URL especificada en 'base', o la URL del documento actual).

href La propiedad especifica la URL base que se utilizará para analizar las URL relativas en la parte posterior del documento.

Ejemplo

Ejemplo 1

Establece una URL base para todas las URL relativas en la página:

<!DOCTYPE html>
<html>
<head>
  <base href="https://www.codew3c.com/i/photo/"></base>
</head>
<body>
<h1>Propiedad 'base href'</h1>
<img src="flower.png" width="60" height="60" alt="tulipa">
</body>
</html>

Prueba por tu cuenta

Ejemplo de explicación

En este ejemplo, la URL base se establece como 'https://www.codew3c.com/i/photo/'. www.codew3c.com es el nombre de dominio del host, y /i/photo/ es la carpeta del servidor que contiene los archivos de fotos.

En la parte posterior del documento hay un elemento 'img' que se refiere a una imagen, que utiliza la URL relativa 'flower.png'. Cuando el navegador carga la imagen, combina la URL base y la URL relativa para formar una URL completa:

https://www.codew3c.com/i/photo/flower.png

Ejemplo 2

Establece una URL base para todas las URL relativas en la página:

<!DOCTYPE html>
<html>
<head>
  <base href="https://www.codew3c.com/html/"></base>
</head>
<body>
<h1>Propiedad 'base href'</h1>
<a href="html_basic.asp">Fundamentos de HTML</a>
</body>
</html>

Prueba por tu cuenta

Ejemplo de explicación

En este ejemplo, la URL base se establece como 'https://www.codew3c.com/html/'. www.codew3c.com es el nombre de dominio del host, y /html/ es la carpeta del servidor que contiene los archivos de fotos.

En la parte posterior del documento hay un elemento 'a' utilizado para generar enlaces, que utiliza la URL relativa 'html_basic.asp'. Cuando el usuario hace clic en este hipervínculo, el navegador combina la URL base y la URL relativa para formar una URL completa:

https://www.codew3c.com/html/html_basic.asp

Consejo

Si no se utiliza el elemento base o no se establece un URL de referencia base utilizando su atributo href, el navegador considerará la URL del documento actual como la base para la resolución de todas las URL relativas.

Por ejemplo, supongamos que el navegador carga un documento desde la URL https://www.codew3c.com/js/index.asp, en el que hay un enlace que utiliza la URL relativa html_basic.asp. Al hacer clic en este enlace, el navegador intentará cargar el segundo documento desde la URL absoluta https://www.codew3c.com/js/html_basic.asp.

Sintaxis

<base href="URL">

Valor de atributo

Valor Descripción
URL URL absoluta que actúa como URL de referencia base (por ejemplo, "http://www.example.com/").

Compatibilidad con navegadores

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte