CATALOGUE Code & Data Formation XHTML/CSS Apprendre HTML 5 - Les fondamentaux

Comprendre les Liens en Chemin Relatif et Absolu

Retour à la formation
Chapitre 22 Leçon 1
Précédent
Suivant

Apprenez à distinguer et utiliser les liens en chemin relatif et absolu dans vos projets HTML. Découvrez l'importance de l'attribut target pour les liens externes.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous explorerons les fondamentaux des liens HTML, plus précisément les concepts de chemin relatif et de chemin absolu. La différence principale réside dans la structure de l'URL utilisée : un lien en chemin absolu inclut l'URL complète (avec 'https') du site Web, tandis qu'un lien en chemin relatif pointe vers une ressource située par rapport à la position actuelle dans l'arborescence du site.

Nous examinerons également l'attribut target="_blank", qui ouvre les liens externes dans un nouvel onglet, évitant ainsi de perdre les utilisateurs lorsqu'ils naviguent vers des sites externes. Vous verrez comment implémenter cette fonctionnalité directement dans votre code HTML et comprendrez son importance pour améliorer l'expérience utilisateur.

Enfin, nous aborderons les bonnes pratiques pour créer des liens internes dans des projets Web complexes, y compris l'utilisation de chemins relatifs allant vers la racine du serveur pour une meilleure gestion des ressources. Cette leçon est indispensable pour quiconque souhaite maîtriser la création de liens et optimiser la navigation sur son site Web.

Objectifs de cette leçon

Les objectifs de cette vidéo sont les suivants :

  • Comprendre la différence entre les liens en chemin relatif et absolu;
  • Apprendre à utiliser l'attribut target="_blank" pour les liens externes;
  • Optimiser la création de liens internes dans un projet Web.

Prérequis pour cette leçon

Pour suivre cette vidéo, vous devez avoir une connaissance de base du HTML et des concepts fondamentaux de la structuration des pages Web.

Métiers concernés

Les compétences acquises dans cette vidéo sont particulièrement utiles pour les développeurs Web, les designers UX/UI et toute personne travaillant sur des projets de développement Web.

Alternatives et ressources

En alternative, vous pourriez utiliser des redirections JavaScript ou des frameworks comme React Router pour gérer la navigation au sein d'une application Web.

Questions & Réponses

Un lien en chemin relatif pointe vers une ressource en se basant sur la position actuelle dans l'arborescence du site, tandis qu'un lien en chemin absolu inclut l'URL complète du site Web.
L'attribut target="_blank" ouvre les liens externes dans un nouvel onglet, ce qui aide à retenir les utilisateurs sur votre site même lorsqu'ils visitent des pages externes.
Utilisez un chemin absolu en commençant par un slash '/' suivi par le chemin à partir de la racine du serveur pour accéder à des sous-répertoires de votre site Web.