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
¿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.