HTML – El archivo index html no puede acceder a otro archivo html en otra carpeta.
Tengo mi carpeta de proyecto y dentro de ella tengo una carpeta de cliente y una de servidor. En la carpeta de cliente tengo mi archivo principal index.html. Creé otro archivo html llamado products.html y accedí a él exitosamente a través de index.html de la siguiente manera <a href="/products.html></a>
Sin embargo, más tarde decidí crear una carpeta html y guardar todos mis archivos html allí. Cuando guardé mi archivo products.html en la carpeta html y lo accedí a través de index.html de esta manera <a href="./html/product_categories/products.html"></a>, no funcionó y en su lugar recibí un error 404.
¿Por qué el archivo index.html es capaz de acceder al archivo products.html cuando ambos están en la misma carpeta, pero no cuando están en carpetas separadas?
***ESTRUCTURA DE CARPETA QUE FUNCIONÓ***
carpeta_nombre_del_proyecto–> carpeta_de_cliente–> archivo_index.html y archivo_products.html
***ESTRUCTURA DE CARPETA QUE NO FUNCIONÓ***
carpeta_nombre_del_proyecto–> carpeta_de_cliente–> carpeta_html -> categorías_de_productos -> archivo_products.html
davy.ai
La razón por la cual el archivo
index.htmlpuede acceder al archivoproducts.htmlcuando ambos están en la misma carpeta pero no cuando están en carpetas separadas es porque la ruta al archivoproducts.htmlha cambiado. Cuando el archivoproducts.htmlestaba en la misma carpeta que el archivoindex.html, la ruta era simplemente/products.html, lo que significa que está en la raíz de la carpeta del proyecto. Sin embargo, cuando el archivoproducts.htmlfue movido a una carpeta separada, la ruta debe actualizarse para reflejar la nueva ubicación del archivo.La ruta correcta para acceder al archivo
products.htmlcuando está en la carpeta html sería./html/product_categories/products.html. El./al comienzo de la ruta significa que el archivo está en el directorio actual, que es la carpeta del cliente. Desde allí, debemos ingresar a la carpeta html, que se indica mediante/html/, y luego a la carpeta product_categories, que se indica mediante/product_categories/. Finalmente, podemos acceder al archivoproducts.htmlcon/products.html. Al utilizar esta nueva ruta, el archivoindex.htmlpodrá acceder al archivoproducts.htmlaunque ya no estén en la misma carpeta.