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

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.

Suscríbete a nuestra newsletter para seguir aprendiendo cosas nuevas de desarrollo cada día, ¡es gratis!