HTML address: contatti dell’autore e del gestore del sito

HTML <address> identifica le informazioni di contatto per l'autore o l'organizzazione responsabile di un documento o di un singolo articolo. Non è limitato agli indirizzi postali: può includere email, telefono o un link a una pagina di contatto. Non usarlo semplicemente per una descrizione della posizione o per racchiudere ogni stringa di indirizzo.

Identifica di chi sono le informazioni di contatto

Un address descrive le informazioni di contatto per il suo antenato più vicino article. Se non esiste tale article, si applica al documento rappresentato da body. Ciò consente di inserire i dettagli di contatto dell’autore di un articolo e i dettagli di contatto dell’operatore del sito in ambiti diversi. Includi il nome della persona o dell’organizzazione in modo che i lettori sappiano chi riceve le richieste.

Esempio completo: autore dell’articolo e operatore del sito

Salva il documento seguente come contacts.html e aprilo in un browser. Gli indirizzi utilizzano il dominio di esempio example.test; sono valori di pratica senza destinatari reali.

<!doctype html>
<html lang="it">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Contatti dell’autore e del sito</title>
  <style>address { font-style: normal; }</style>
</head>
<body>
  <h1>Notizie tecnologiche di esempio</h1>
  <article>
    <h2>Guida alla struttura di un documento HTML</h2>
    <p>Scrivi qui il contenuto dell’articolo.</p>
    <footer>
      <p>Pubblicato: <time datetime="2026-10-30">30 ottobre 2026</time></p>
      <address>
        Autore dell’articolo: redazione di esempio<br>
        Email: <a href="mailto:editor@example.test">editor@example.test</a>
      </address>
    </footer>
  </article>
  <footer>
    <address>
      Gestore del sito: team di esempio<br>
      Email: <a href="mailto:site@example.test">site@example.test</a>
    </address>
  </footer>
</body>
</html>

Le informazioni di contatto del team editoriale appaiono all'interno dell'articolo; le informazioni di contatto del team del sito appaiono al di fuori. La data di pubblicazione non è un'informazione di contatto, quindi si trova in un elemento time al di fuori di address. La regola CSS font-style: normal rimuove l'aspetto corsivo predefinito preservando il significato di informazioni di contatto.

Un link mailto richiede l'apertura dell'applicazione di gestione della posta dell'utente; questo HTML non invia direttamente un'email. In un documento reale, sostituisci l’esempio con un destinatario valido e conferma prima che i dettagli di contatto possano essere pubblici. Gli indirizzi di esempio non possono ricevere richieste reali.

Distinguere tra indirizzi ordinari e corsivo decorativo

Non utilizzare automaticamente address per la localizzazione di una destinazione o un indirizzo di consegna quando non si tratta di informazioni di contatto dell'autore o della parte responsabile. Utilizza un normale paragrafo o un elenco in base al contesto. Lo stile corsivo predefinito non è nemmeno una ragione per inserire affermazioni enfatizzate in address.

Mantieni il contenuto relativo alle informazioni di contatto. Non includere elementi di intestazione, article, section, header, footer o un altro address all'interno di address. Se la sezione di contatto necessita di un'intestazione, inseriscila immediatamente prima di address. Il riferimento all'indirizzo riferimento MDN per address spiega l'ambito e le regole di contenuto.