Lien

La balise <a> est utilisée pour créer des hyperliens qui permettent aux utilisateurs de naviguer entre différentes pages web. Lorsqu'un utilisateur clique sur un lien, le navigateur envoie une requête au serveur pour la page associée au lien et affiche la réponse à l'écran. L'attribut href aide à spécifier l'URL de la page de destination.

Attributs de Lien

target

Par défaut, le lien s'ouvre dans le même onglet du navigateur. L'attribut target nous permet de modifier ce comportement. Pour ouvrir un lien dans un nouvel onglet, utilisez target="_blank".

download

L'attribut download peut être utilisé avec la balise HTML <a> pour spécifier que la ressource cible doit être téléchargée au lieu d'être affichée dans le navigateur. Lorsque l'attribut download est utilisé, le navigateur invite l'utilisateur à enregistrer le fichier avec le nom de fichier spécifié. Par exemple, si vous devez créer un élément avec la fonctionnalité suivante : lorsque l'utilisateur clique sur le lien, le navigateur téléchargera le fichier "myfile.pdf" depuis https://example.com/ et invitera l'utilisateur à l'enregistrer avec le nom de fichier myfile.pdf.

href

L'attribut href est utilisé non seulement pour naviguer vers d'autres pages mais aussi pour créer des liens vers des adresses email, des numéros de téléphone et des sections spécifiques.

De plus, l'attribut href peut être utilisé pour naviguer vers des sections spécifiques au sein d'une page web. Pour créer une balise d'ancrage, attribuez un attribut id (un identifiant unique) à la section souhaitée vers laquelle nous voulons faire défiler. L'attribut href prend une valeur commençant par le symbole # suivi de la valeur id.

Explorons l'exemple suivant, présenté sous la forme de CodeSandbox. Cette plateforme permet l'inspection du code et vous permet d'examiner la fonctionnalité du code.

Remarque

Veuillez prendre un moment pour inspecter la fonctionnalité en cliquant sur les liens et en observant comment la page en direct défile vers les sections spécifiques. De plus, faites attention aux attributs de la balise a et de la balise h2.

Pour voir le code, faites glisser le curseur sur le côté gauche du bac à sable de code. Cela révélera le code existant à l'intérieur de l'éditeur.

Bouton

La balise <button> en HTML est utilisée pour créer un bouton cliquable qui peut déclencher une action, telle que soumettre un formulaire, exécuter une fonction JavaScript comme ouvrir et fermer une fenêtre contextuelle, ou basculer un menu mobile. Par défaut, le <button> a l'attribut type, et sa valeur est submit. Cependant, vous devez souvent spécifier type="button".

Résumé

La balise <a> est utilisée pour créer des hyperliens vers d'autres pages web, documents ou ressources. En revanche, la balise <button> est utilisée pour créer de l'interactivité sur une page web, déclencher un événement ou effectuer une action. Il est essentiel de ne pas mélanger leurs usages.