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.html
puede acceder al archivoproducts.html
cuando ambos están en la misma carpeta pero no cuando están en carpetas separadas es porque la ruta al archivoproducts.html
ha cambiado. Cuando el archivoproducts.html
estaba 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.html
fue 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.html
cuando 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.html
con/products.html
. Al utilizar esta nueva ruta, el archivoindex.html
podrá acceder al archivoproducts.html
aunque ya no estén en la misma carpeta.