Come Rendere Cliccabile un'Immagine: Metodi HTML e CSS

Collegare Immagini per la Navigazione Web

Metodo 1: Wrapper di Ancora HTML (Standard)

<a href="https://example.com"> <img src="image.jpg" alt="Testo alternativo descrittivo" /> </a> 

• href = URL di destinazione.
• src = percorso del file immagine.
• alt = accessibilità (obbligatorio).
• Aggiungi target="_blank" rel="noopener" per aprire in una nuova scheda in modo sicuro.

Metodo 2: Cursore CSS (Solo Visivo)

img.clickable { cursor: pointer; } 

Applicato tramite <img class="clickable" ...>. Non rende un link—cambia solo il cursore. Deve essere combinato con un'ancora HTML o un gestore di clic JavaScript per una navigazione effettiva.

Migliore Pratica

Usa sempre Metodo 1 per link reali. Il Metodo 2 è solo per interazioni basate su JS (es. trigger di modali). L'HTML semantico garantisce accessibilità, SEO e comportamento previsto (tasto destro → copia link, ecc.).