rutas - llamar archivo javascript desde html
¿A qué se refiere "./"(barra diagonal) en términos de una ubicación de ruta de archivo HTML? (8)
Lo sé ../
significa ir por un camino, pero ¿qué quiere decir ./
exactamente?
Hace poco estuve revisando un tutorial y parece que solo se está refiriendo a un archivo en la misma ubicación, ¿es necesario? ¿Puedo simplemente no usarlo si eso es todo lo que está haciendo?
Por ejemplo, los archivos css están en una carpeta llamada CSS
y los archivos html están en la carpeta HTML
, y ambos están en una carpeta denominada XYZ
lo que significa que referimos archivos css en html como
<link rel="stylesheet" type="text/css" href="./../CSS/style.css" />
Aquí ..
pasa a HTML
y .
se refiere al directorio actual XYZ
--- por esta lógica solo harías referencia como:
<link rel="stylesheet" type="text/css" href="CSS/style.css" />
Puede usar la siguiente lista como referencia rápida:
/ = Root directory
. = This location
.. = Up a directory
./ = Current directory
../ = Parent of current directory
../../ = Two directories backwards
Artículo útil: https://css-tricks.com/quick-reminder-about-file-paths/
Sí ./
significa el directorio en el que se encuentra actualmente.
Sí, ./
significa el directorio de trabajo actual. Solo puede hacer referencia al archivo directamente por su nombre, sin él.
Tienes razón de que puedes omitirlo. Es útil solo por claridad. No hay diferencia funcional entre estar allí y no estar allí.
./
es la carpeta en la que se encuentra el archivo de trabajo :
Entonces en /index.htm
./
está el directorio raíz
pero en /css/style.css
./
es la carpeta css.
Es importante recordar esto porque si mueve CSS desde /index.htm
a /css/style.css
la ruta cambiará.
/
significa la raíz de la unidad actual;
./
significa el directorio actual;
../
significa el padre del directorio actual.
. = This location
.. = Up a directory
Entonces, ./foo.html
es solo foo.html
. Y es opcional, pero puede tener relevancia si un script generó la ruta (es decir, relevancia para el script , no como funciona la referencia).