HTML per email: cosa cambia rispetto al web

Obiettivo della lezione

Capire perché le email HTML richiedono regole più rigide e compatibilità diversa rispetto alle pagine web.

Spiegazione

Le email HTML non funzionano come le pagine web moderne. Molti client email supportano male CSS avanzato, script e layout complessi. Per questo si usano strutture più semplici e testate.

Questa lezione serve come panoramica: prima bisogna imparare bene HTML per il web, poi affrontare le particolarità delle email.

Idea chiave: in HTML devi scegliere il tag in base al significato del contenuto. La grafica verrà gestita in seguito con CSS.

Codice di esempio

Studia il blocco seguente e prova a copiarlo in un file HTML, modificando testi e contenuti.

<table role="presentation" width="100%">
  <tr>
    <td>Contenuto email</td>
  </tr>
</table>

Errori comuni

Usare JavaScript nelle email.
Affidarsi a CSS moderno non supportato.
Non testare su diversi client email.

Esercizio pratico

Crea una nuova pagina partendo dalla struttura base. Applica l’argomento di questa lezione a un contenuto reale: una pagina corso, una scheda personale o una piccola pagina informativa.

Apri il tuo editor.
Crea o aggiorna un file .html o .asp.
Inserisci il codice della lezione.
Modifica testi e attributi.
Apri la pagina nel browser e controlla il risultato.

Lezioni collegate

Continua il laboratorio

Procedi con la lezione successiva oppure passa agli esercizi per consolidare subito i concetti.

Precedente Successiva