web-dev-qa-db-fra.com

Comment lier des pages HTML dans des dossiers identiques ou différents?

Comment puis-je créer un lien vers des pages HTML si elles se trouvent dans des dossiers identiques ou différents sans avoir à écrire le chemin complet?

htmlanchor
33
user112341

Dans le même dossier, utilisez simplement le nom du fichier:

<a href="thefile.html">my link</a>

Dans le répertoire du dossier parent:

<a href="../thefile.html">my link</a>

Dans un sous-répertoire:

<a href="subdir/thefile.html">my link</a>
54
AgileJon

En outre, cela va monter un répertoire et ensuite redescendre dans un autre sous-dossier.

<a href = "../subfolder/page.html">link</a>

Pour monter plusieurs annuaires, vous pouvez le faire.

<a href = "../../page.html">link</a>

Pour aller à la racine, j'utilise ceci

<a href = "~/page.html">link</a>
13
swagers

De plus, si vous voulez faire référence au répertoire racine, vous pouvez utiliser:

/

Ce qui fera référence à la racine. Supposons donc que nous sommes dans un fichier imbriqué dans quelques niveaux de dossiers et que vous souhaitez revenir au fichier index.html

<a href="/index.html">My Index Page</a>

Robert est sur place avec d'autres explications relatives du chemin relatif.

11
joeylange

Vous pouvez monter un dossier dans la hiérarchie en utilisant

../

Donc, pour accéder au dossier /webroot/site/pages/folder2/mypage.htm à partir de /webroot/site/pages/folder1/myotherpage.htm, votre lien ressemblerait à ceci:

<a href="../folder2/mypage.htm">Link to My Page</a>
9
Robert Harvey

utiliser le chemin relatif

la page principale pourrait être: /index.html

page secondaire: /otherFolder/otherpage.html

le lien serait comme si:

<a href="/otherFolder/otherpage.html">otherpage</a>
7
Chris Ballance

Si vous souhaitez créer un lien vers le répertoire racine, vous pouvez utiliser 

/ ou /index.html

Si vous souhaitez créer un lien vers un fichier du même répertoire, indiquez simplement le nom du fichier.

<a href="/employees.html">Employees Click Here</a>

Pour revenir à un dossier, vous pouvez utiliser 

../

Pour créer un lien vers la page d'index du répertoire des employés à partir du répertoire racine, procédez comme suit:

<a href="../employees/index.html">Employees Directory Index Page</a>
6
than10

Je vous préviens: si vous utilisez des chemins absolus, votre application ne peut pas être installée dans un "sous-répertoire" du serveur!

par exemple, http://votreserveur.com/votreapp peut fonctionner, mais http://myserver.com/apps/votre appli ne fonctionnera pas!

4
jrharshath

Utilisation 

../

Par exemple, si votre fichier, disons que l’image est dans folder1 dans folder2vous le localisez de cette façon

../folder1/folder2/image
2
Syntaxsizer

Pour ASP.NET, cela a fonctionné pour moi sur le développement et le déploiement:

<a runat="server" href="~/Subfolder/TargetPage">TargetPage</a>

Utiliser runat="server" et le href="~/" sont les clés pour aller à la racine. 

0
Harry

Réponse courte:

. est pour le répertoire courant

.. est pour le répertoire supérieur comme dans la commande cd .. sur Shell.

Simple mais difficile, j’écris cette réponse avant tout pour moi-même afin de ne pas oublier la prochaine fois.

ademSite/
├── index.html
└── style.css

Le lien vers CSS dans index.html:

<link rel="stylesheet" href="style.css"> ou <link rel="stylesheet" href="./style.css">

ademSite/
├── index.html
└── stylefiles
    └── style.css

Ce cas devrait être:

<link rel="stylesheet" href="stylefiles/style.css"> ou <link rel="stylesheet" href="./stylefiles/style.css">

├── html
│   └── index.html
└── stylefiles
    └── style.css

Dans ce cas, chemindoitêtre: <link rel="stylesheet" href="../stylefiles/style.css">

0
adem