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.