Rutas de archivos en HTML - Diferencias entre rutas absolutas y relativas

▶ Aprende a manejar las rutas en HTML. Entra al curso gratuito de HTML en español.

Rutas de archivos

Con las rutas de archivos definimos donde esta localizado un archivo en una página web. Las rutas pueden ser para:

  • Páginas webs
  • Imágenes
  • Hojas de CSS
  • Scripts de JavaScript

Rutas absolutas

Una ruta absoluta es una URL completa.

<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/3947459/car.jpg" alt="Coche rojo">

Rutas relativas

Una ruta relativa parte de la localización del fichero actual.

<img src="/img/car.jpg" alt="Coche">

<img src="img/car.jpg" alt="Coche">

<img src="../img/car.jpg" alt="Coche">

Mejores prácticas

Siempre que se puede usar rutas relativas.

Usando rutas relativas las páginas de tu web no dependen de la URL. Así que la web funcionará en tu ordenador o en otro servidor.


Cursos gratuitos relacionados:

Al suscribirte estás aceptando los términos de uso y la política de privacidad. Puedes darte de baja en cualquier momento.

Libro No todo es programar de Kiko Palomares
Koding Beats