Skip to content
✨ Les cours suivant sont disponible : Html, Css, React, Algorithme ✨
cours
✨ Html
3.0 Liens et hyperliens
3.2 Attributs d'hyperlien : href, target

Attributs d'hyperlien : href, target

Les attributs d'hyperlien sont utilisés avec la balise <a> pour définir le comportement et les propriétés des liens hypertexte dans une page web. Deux des attributs les plus couramment utilisés sont href et target.

Attribut href

L'attribut href est utilisé pour spécifier l'URL de destination du lien. Il indique l'adresse vers laquelle le lien doit rediriger lorsque l'utilisateur clique dessus. Voici un exemple :

<a href="https://www.example.com">Lien vers Example</a>

Dans cet exemple, le lien "Lien vers Example" redirige les utilisateurs vers le site "https://www.example.com (opens in a new tab)" lorsqu'il est cliqué.

L'attribut href peut également être utilisé pour créer des liens internes à une page en utilisant des ancres. Par exemple :

<a href="#section2">Aller à la section 2</a>

Ici, le lien redirige les utilisateurs vers la section de la page ayant l'identifiant "section2" lorsque le lien est cliqué.

Attribut target

L'attribut target est utilisé pour spécifier comment le lien doit être ouvert lorsqu'il est cliqué. Voici quelques valeurs couramment utilisées pour target :

  • _blank : Ouvre le lien dans un nouvel onglet ou une nouvelle fenêtre du navigateur.
  • _self : Ouvre le lien dans la même fenêtre ou l'onglet courant (valeur par défaut).
  • _parent : Ouvre le lien dans la fenêtre parent, utile lorsque la page contient des cadres (frames).
  • _top : Ouvre le lien dans la fenêtre principale, annulant les cadres (frames) si nécessaire.

Voici un exemple d'utilisation de target :

<a href="https://www.example.com" target="_blank">Lien vers Example</a>

Dans cet exemple, le lien sera ouvert dans un nouvel onglet ou une nouvelle fenêtre du navigateur.

Conclusion

Les attributs d'hyperlien href et target sont essentiels pour définir le comportement et les propriétés des liens hypertexte dans une page web. L'attribut href spécifie l'URL de destination du lien, tandis que l'attribut target définit comment le lien doit être ouvert.

En utilisant ces attributs de manière appropriée, vous pouvez créer des liens vers des pages externes, des ressources internes et contrôler l'ouverture des liens dans des fenêtres ou des onglets spécifiques.

Explorez davantage les possibilités offertes par ces attributs et expérimentez différentes valeurs pour target afin de fournir une expérience de navigation optimale pour vos utilisateurs.