Tag HTML e attributi ignorati dai client di posta elettronica
Su questo articolo ci concentriamo sui tag HTML, attributi e parametri che vengono ignorati dal client di posta elettronica più diffusi, come Outlook, Gmail o Outlook.com.
Tag HTML ignorati da Outlook
Ecco un elenco che non è supportato da Outlook:
applet | noframes | param |
accept-charset | noscript | script |
accesskey | longdesc | select |
background-attachment | marginheight | scrolling |
background-image | marginwidth | selected |
background-position | media (screen | print) | textarea |
background-repeat | menu | title |
bdo | method | td colspan=0 |
button | noresize | td rowspan=0 |
checked | object | th colspan=0 |
classid | onblur | th rowspan=0 |
code | onclick | valuetype |
codetype | onload | float |
data | onmousedown | left |
disabled | onmousemove | outline |
display | onmouseout | pitch-range |
enctype | onmouseover | quotes |
form | onunload | right |
frameborder=0 | option | table-layout |
iframe | onselect | volume |
input | onsubmit | windows |
Tag HTML ignorati da Gmail
Beh, Outlook non è l’unico client di posta elettronica che non supporta completamente HTML. Infatti, tutti i client di posta elettronica hanno varie limitazioni di rendering HTML. Gmail semplicemente ignora tutto il codice aggiunto alla sezione email, inoltre non è possibile definire qualsiasi stile CSS nella pagina, ed è necessario utilizzare CSS in linea. Inoltre ignora praticamente tutte le dichiarazioni padding e margini (margini, margin-top, margin-left, ecc).
Tag HTML ignorati da Outlook.com
Outlook.com non ha assolutamente alcuna relazione con Microsoft Office Outlook, quando si tratta di capire e di rendering email HTML. Outlook.com ignora le dichiarazioni di margine (margin-left, margin-right, margin-top, margin-bottom) e ignora anche lo stile CSS.
Ci sono delle soluzioni alternative al supporto email HTML?
Quando si tratta di margini, le soluzioni migliore è aggiungere colonne supplementari in tabella, non usando i tag ( margin-top / left / right) o semplicemente inserendo spazi tra gli oggetti desiderati.
Per risolvere il problema si può codificare la tua email per caricare diverse sezioni di codice a seconda di ogni applicazione. Anche se non è una soluzione definitiva, si ottiene una visualizzazione corretta sulla maggior parte dei client di posta elettronica.
Tuttavia, se si desidera visualizzare una ricezione email corretta, ecco alcuni consigli veloci sulla codifica email HTML:
- Non utilizzare i file CSS esterni, usare file di style CSS in linea;
- Evita l’uso d’immagini di sfondo;
- Evita la progettazione di parti critiche della vostra email in formato HTML. Dal momento che le immagini sono molto utilizzati da molti fornitori campagna di email per generare i vari rapporti di consegna email, la maggior parte dei client di posta elettronica moderne scelgono d’ignorare le immagini di default;
- Non progettare la vostra email HTML usando DIV. Invece, creare il layout utilizzando le tabelle;
- Non utilizzare JavaScript perché viene considerato spam nell’email in uscita, inoltre tutti i client bloccano il contenuto;
- Non utilizzare video o file Flash all’interno della vostra email in HTML. Vengono ignorati dalla maggior parte dei client di posta elettronica, come incorporare i video nei messaggi di posta elettronica;
Per saperne di più: come inserire codice HTML nelle email di Outlook .