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 en HTML - Diferencias entre rutas Absolutas y Relativas (Mejores Prácticas!!)
Logo de Cuarzo.dev
Cuarzo.dev

Recibe cada lunes y jueves un correo para ayudarte a impulsar tus habilidades de programación. Ofreciéndote consejos, tutoriales, recursos gratuitos, noticias relevantes y una comunidad comprometida. También tenemos memes 😏

Suscríbete Gratis

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