¡Hola Kevin!
Entiendo tu confusión sobre la diferencia entre el uso de rutas absolutas y rutas relativas en HTML. Permíteme explicarte brevemente:
Ruta Absoluta: Comienza desde la raíz del sitio web. Por ejemplo, si tu dominio es "www.ejemplo.com", la ruta absoluta sería "/styles/style.css". Esto significa que el navegador buscará el archivo style.css en la raíz del sitio web.
Ruta Relativa: Comienza desde la ubicación del archivo HTML actual. Por ejemplo, si estás en la carpeta "pages" y quieres acceder al archivo style.css que está en la carpeta "styles", la ruta relativa sería "./styles/style.css". El punto (.) indica que la carpeta "styles" está en el mismo directorio que el archivo HTML actual.
En cuanto a cuál es mejor o peor, depende del contexto. Las rutas relativas son útiles cuando estás trabajando en un proyecto local o cuando necesitas mover tu proyecto a otro servidor, ya que las rutas absolutas pueden romperse si cambias el dominio. Por otro lado, las rutas absolutas son útiles cuando quieres asegurarte de que estás apuntando al recurso correcto sin importar la ubicación del archivo HTML.
En tu caso, si estás trabajando en un proyecto local y la estructura de carpetas no va a cambiar, las rutas relativas pueden ser más convenientes. Sin embargo, si estás trabajando en un entorno de producción con un dominio establecido, las rutas absolutas pueden ser más seguras.
Espero que esta explicación te ayude a comprender mejor las diferencias entre las rutas absolutas y relativas. Si tienes más preguntas, no dudes en preguntar.
Espero haber ayudado y buenos estudios!
Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios!
