Il ya plus d'un type d'adresse lors de la programmation en HTML5 et CSS3. Vous êtes probablement familier avec des références absolues, utilisés pour les liens vers des pages externes. Un autre type de référence - une référence relative - Liens de plusieurs pages à l'intérieur de votre propre site web.

Les références absolues

Le type de liaison utilisé dans basicLinks.html est un 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 devriez utiliser dans la barre d'adresse du navigateur. Les références absolues sont utilisées pour se référer à un site quelque part ailleurs sur Internet.

Même si vos mouvements de site (par exemple, à partir de votre ordinateur de bureau à un serveur web quelque part sur l'Internet), toutes les références absolues fonctionnera bien parce qu'ils ne reposent pas sur la position de la page en cours pour toute information.

Les références relatives

Les références relatives sont utilisés lorsque votre site comporte plus d'une page. Vous pourriez choisir d'avoir plusieurs pages et un mécanisme de liaison pour déplacer parmi eux.

La page est pas si intéressant sur son propre, mais il ne vise pas à tenir seul. Lorsque vous cliquez sur un des liens, vous allez à une page toute neuve. Voici ce qui se passe lorsque vous cliquez sur le lien de marché.

La page de marché est assez simple, mais il contient également un lien vers la page initiale. La plupart des sites ne sont pas des pages simples du tout, mais un réseau interconnecté de pages. La référence relative est très utile lorsque vous avez un ensemble de pages avec des liens entrelacés.

Le code pour pigs.html rapport montre comment les références fonctionnent:

Destination de porcins Mammifères
Ce petit cochon est allémarché
Ce petit cochon est restédomicile.
Ce petit cochon avaitrôti de bœuf
Ce petit cochon avaitaucun.
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à. Jetez un oeil de plus près à l'un des liens:

 domicile.

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

Les références relatives fonctionnent comme les directions. Par exemple, si vous êtes dans un laboratoire et demandez où la fontaine d'eau est, quelqu'un pourrait-on dire, “ Sortez dans le couloir, tournez à gauche, puis tournez à gauche à nouveau à la fin de la prochaine couloir ”. Ces indications vous rendre à la fontaine d'eau si vous commencez à la bonne place. Si vous êtes quelque part d'autre et vous suivez ces instructions, vous ne trouverez pas de la fontaine d'eau.

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

Il est souvent plus pratique pour créer et modifier vos pages sur la machine locale, puis de les expédier au serveur web pour le monde de voir. Si vous utilisez des références relatives, il est facile de déplacer un groupe de pages ensemble et connaître les liens fonctionnent 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 êtes un lien vers une autre page sur votre site, vous utilisez généralement une référence relative.