una - HTML básico: ¿cómo establecer la ruta relativa a la carpeta actual?
url relativos y absolutos (7)
Digamos que estoy actualmente en: http://example.com/folder/page.html
¿Es posible crear un enlace relativo en esta página que apunte a http://example.com/folder/ sin especificar la folder ningún lugar? (Y usando solo HTML.)
ACTUALIZACIÓN: Como resultó ./ funciona solo en el modo doctype no estricto, mientras que . funciona en ambos modos, por lo que sigue siendo una mejor respuesta en mi opinión :) Gracias a todos.
Just dot está funcionando. El doctype hace una diferencia, sin embargo, como a veces el ./ también está bien.
<a href=".">Link to this folder</a>
La respuesta principal no es lo suficientemente clara. esto es lo que funcionó para mí: el formato correcto debería verse así si quiere apuntar al archivo real:
<a href="./page.html">
Esto hará que apuntes a ese archivo dentro de la misma carpeta si estás en la página http://example.com/folder/index.html
Los dos de abajo parecen funcionar
./
.
Para cualquiera que haya encontrado este hilo, el direccionamiento de las rutas relativas siempre ha creado argumentos sobre lo que es correcto o no.
Dependiendo de dónde utilice la ruta a tratar, dependerá de cómo aborde la ruta.
En general :
. y ./ hacen lo mismo, sin embargo no usarían . con un nombre de archivo. De lo contrario, el navegador solicitará .filename.ext como un archivo del servidor. El método correcto sería ./filename.ext .
../ aborda la ruta un nivel desde la carpeta actual. Si estuviera en la ruta /cheese/crackers/yummy.html , y su código de enlace solicitó ../butter/spread.html en el documento yummy.html , entonces estaría abordando la ruta /cheese/butter/spread.html , en lo que respecta al servidor.
/ siempre abordará la raíz del sitio.
Puedes usar
../
para significar un nivel superior. Si tiene una página llamada page2.html en la misma carpeta que page.html , la ruta relativa es:
page2.html.
Si tiene page2.html en el mismo nivel con la carpeta, entonces la ruta es:
../page2.html
<a href="./">Folder</a>
<html>
<head>
<title>Page</title>
</head>
<body>
<a href="./">Folder directory</a>
</body>
</html>