Comment rendre une image cliquable : méthodes HTML et CSS

Lier images pour navigation web

Méthode 1 : Balise ancre HTML (standard)

<a href="https://example.com"> <img src="image.jpg" alt="Texte alt descriptif" /> </a> 

• href = URL destination.
• src = chemin fichier image.
• alt = accessibilité (requis).
• Ajoutez target="_blank" rel="noopener" pour ouvrir nouvel onglet sécurisé.

Méthode 2 : Curseur CSS (visuel seulement)

img.clickable { cursor: pointer; } 

Appliqué via <img class="clickable" ...>. Ne fait pas un lien — change seulement curseur. Doit combiner avec ancre HTML ou gestionnaire clic JS pour navigation réelle.

Bonne pratique

Utilisez toujours Méthode 1 pour vrais liens. Méthode 2 seulement pour interactions JS (ex. déclencheurs modales). HTML sémantique assure accessibilité, SEO, comportement attendu (clic droit → copier lien, etc.).