Rutas de Archivos en HTML - Diferencias entre rutas Absolutas y Relativas (Mejores Prácticas!!)

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.

¿Quieres más?

Si estás interesado en el mundo de la programación y el desarrollo web, te recomiendo que te suscribas a mi canal de youtube donde tienes mucho más contenido gratuito

IR AL CANAL

¿Quieres convertirte en desarrollador web? [GRATIS]

Déjame aquí tu mejor email y te mandaré un curso para que puedas empezar en el desarrollo web totalmente GRATIS!

¡Prometo no enviarte SPAM! Sólo cosas relevantes que te interesen.