Aucun aspect de la conception Web n’est plus centré sur le Web que les hyperliens (communément appelés simplement liens ). La possibilité de créer un lien sur une page et de permettre aux lecteurs d’accéder facilement à d’autres contenus est l’un des traits distinctifs qui distingue les sites Web des autres moyens de communication tels que les médias imprimés ou électroniques.
Ces liens sont faciles à ajouter à une page et ils peuvent être dirigés vers d'autres pages Web, sur votre site ou ailleurs sur le Web. Vous pouvez également avoir des liens vers d'autres ressources, telles que des images, des vidéos ou des documents. Néanmoins, les liens sont faciles à ajouter, mais ils constituent également l'un des éléments que de nombreux nouveaux concepteurs de sites Web ont du mal à comprendre au début, notamment en termes de concept de chemins de fichiers et de ce que signifie un chemin absolu par rapport à un chemin relatif. quand l'un est utilisé à la place de l'autre.
Dans chacune des instances de liens décrites ci-dessus, vous devez déterminer comment vous allez vous connecter aux différentes pages ou ressources de votre site. Plus précisément, vous devez choisir le type de chemin d’URL à écrire. Dans la conception Web, il existe deux méthodes standard pour créer des liens et deux types de chemins que vous pouvez utiliser:
- Chemins absolus
- Chemins relatifs
URL de chemin absolu
Les chemins absolus utilisent des URL qui font référence à un emplacement très spécifique sur Internet. Ces chemins incluront un nom de domaine dans le chemin du lien lui-même. Voici un exemple de chemin absolu vers cette page Web:
https://www.Go-Travels.com/web-typography-101-3470009
Vous devez généralement utiliser un chemin absolu lorsque vous souhaitez pointer sur des éléments Web situés dans un domaine autre que le vôtre. Par exemple, si je souhaite créer un lien vers une page d'un autre site Web ici, il est nécessaire d'inclure l'URL complète de ce lien, car je quitte un domaine (webdesign.Go-Travels.com) pour aller vers un autre. Ce lien ajouterait simplement l'élément à l'intérieur de la page avec l'URL utilisée comme valeur de l'attribut "href" pour ce lien.
Ainsi, si vous créez un lien vers n'importe quel site "hors site" de votre propre réseau, vous devrez utiliser un chemin absolu, mais qu'en est-il des pages ou des ressources sur votre propre domaine? Vous pouvez en fait utiliser des chemins absolus même si vous créez un lien vers des pages de votre propre site, mais cela n’est pas obligatoire et, en fonction de votre environnement de développement, des chemins absolus peuvent poser problème.
Par exemple, si vous utilisez un environnement de développement lors de la création d'un site Web et que vous codez toutes les URL de manière absolue vers cette URL, elles devront toutes être modifiées lors de la mise en ligne du site. Pour éviter ce problème, les chemins de fichiers de toutes les ressources locales doivent utiliser des chemins relatifs.
URL de chemin relatif
Les chemins relatifs changent en fonction de la page sur laquelle les liens se trouvent - ils sont relatifs à la page dont ils font partie (d'où le nom). Si vous créez un lien vers une page de votre propre site ou une image dans un répertoire "images" de ce site, vous utiliserez probablement un chemin relatif. Les chemins relatifs n'utilisent pas l'URL complète d'une page, contrairement aux chemins absolus que nous venons de regarder.
Il existe plusieurs règles pour créer un lien en utilisant le chemin relatif:
- Les liens dans le même répertoire que la page actuelle ne contiennent aucune information de chemin d'accès:
nom de fichier
- Les sous-répertoires sont listés sans les barres obliques précédentes:
hebdomadaire / nom du fichier
- Les liens d’un répertoire sont répertoriés comme suit:
../nom de fichier
Comment déterminer le chemin relatif
-
Définissez d'abord l'URL de la page que vous modifiez. Dans le cas de l'exemple d'article mentionné ci-dessus, ce serait
https://www.Go-Travels.com/web-typography-101-3470009
-
/ typographie Web-101-3470009
Vous verrez ici que nous écrivons le chemin relatif en commençant ce chemin par une barre oblique (/). Ce caractère indique au navigateur d’accéder à la racine du répertoire en cours. À partir de là, vous pouvez ajouter tous les dossiers ou noms de fichiers dont vous avez besoin pour votre ressource spécifique, en explorant des dossiers et des documents pour finalement atterrir sur la ressource exacte que vous souhaitez associer.
Donc, en résumé - si vous êtes lié hors site, vous utiliserez un chemin absolu comprenant le chemin complet vers tout ce à quoi vous souhaitez vous connecter. Si vous êtes lié à un fichier du domaine dans lequel réside la page que vous codez, vous pouvez utiliser un chemin relatif qui navigue essentiellement à partir de la page sur laquelle vous vous trouvez, dans la structure de fichier du site et enfin vers la ressource dont vous avez besoin. .
