Références absolues et relatives pour la programmation HTML5 et CSS3 - les tétines

Il existe plusieurs types d'adresses lors de la programmation en HTML5 et CSS3. Vous connaissez probablement les références absolues, utilisées pour les liens vers des pages externes. Un autre type de référence - une référence relative - relie plusieurs pages à l'intérieur de votre propre site Web.

Références absolues

Le type de lien utilisé dans basicLinks. html est une référence absolue . Les références absolues commencent toujours par le nom du protocole. Une référence absolue est l'adresse complète d'une page Web, comme vous le feriez dans la barre d'adresse du navigateur. Les références absolues sont utilisées pour désigner un site ailleurs sur Internet.

Même si votre site Web se déplace (par exemple depuis votre ordinateur de bureau vers un serveur Web quelque part sur Internet), toutes les références absolues fonctionneront correctement car elles ne reposent pas sur la position de la page en cours. n'importe quelle information.

Références relatives

Les références relatives sont utilisées lorsque votre site web comprend plus d'une page. Vous pouvez choisir d'avoir plusieurs pages et un mécanisme de lien pour vous déplacer parmi eux.

La page n'est pas si intéressante en soi, mais elle n'est pas conçue pour être autonome. Lorsque vous cliquez sur l'un des liens, vous accédez à une toute nouvelle page. Voici ce qui se passe lorsque vous cliquez sur le lien du marché.

La page du marché est assez simple, mais elle contient aussi un lien vers la page initiale. La plupart des sites Web ne sont pas des pages uniques, mais un site Web interconnecté. La référence relative est très utile lorsque vous avez un ensemble de pages avec des liens d'entrelacement.

Le code pour les porcs. html montre comment fonctionnent les références relatives:

cochons. html

Destinations des Mammifères Porcs

Ce petit cochon est allé au marché
Ce petit cochon est resté à la maison.
Ce petit cochon avait du rosbif
Ce petit cochon n'en avait pas.
Ce petit cochon est allé "wee wee wee" tout le chemin du retour.

La plupart du code est complètement familier. La seule chose surprenante est ce qui est pas là. Regardez de plus près l'un des liens:

home.

Il n'y a pas de protocole (la partie) et pas d'adresse du tout, juste un nom de fichier. C'est une référence relative . Les références relatives fonctionnent en supposant l'adresse de la page en cours. Lorsque l'utilisateur clique, le navigateur ne voit aucun protocole, donc il assume ce marché. html est dans le même répertoire sur le même serveur que.

Les références relatives fonctionnent comme des directions. Par exemple, si vous êtes dans un laboratoire et demandez où se trouve la fontaine d'eau, quelqu'un pourrait dire: «Sortez dans le couloir, tournez à gauche, et tournez encore à gauche au bout du prochain couloir."Ces instructions vous mèneront à la fontaine si vous commencez au bon endroit. Si vous êtes ailleurs et que vous suivez ces instructions, vous ne trouverez pas la fontaine d'eau.

Les références relatives fonctionnent bien lorsque vous avez un tas de pages Web interconnectées. Si vous créez beaucoup de pages sur le même sujet et les placez dans le même répertoire, vous pouvez utiliser des références relatives entre les pages. Si vous décidez de déplacer vos pages vers un autre serveur, tous les liens fonctionnent toujours correctement.

Il est souvent plus pratique de créer et de modifier vos pages sur la machine locale, puis de les envoyer au serveur Web pour que le monde entier puisse les voir. Si vous utilisez des références relatives, il est facile de déplacer un groupe de pages et de savoir que les liens fonctionneront toujours.

Si vous faites référence à une page sur le site de quelqu'un d'autre, vous devez utiliser une référence absolue. Si vous créez un lien vers une autre page sur votre site, vous utilisez généralement une référence relative.