Il codice HTML/CSS per un bollettino di posta elettronica html deve essere in formato tabella, oppure posso utilizzare i DIV con la stessa certezza che visualizzerà un cross-email client? Ho scaricato un certo numero di modelli per vedere come sono fatti, su cui basare il mio, e tutti sembrano usare le tabelle.Email HTML: tabelle o div?
Qualsiasi intuizione molto apprezzata, grazie!
Quando si tratta di e-mail HTML, si noti che tutte le migliori pratiche dallo sviluppo Web vanno fuori dalla finestra. Per rendere il look coerente, si dovrebbe: layout
<style> - i tag vengono scartati da molti client.<html>, <head> e <body> - Saranno comunque scartati dalla maggior parte dei clienti.È possibile leggere le versioni più dettagliate dei punti di cui sopra qui:
Questo è vero. Outlook 2007 è uno dei peggiori di tutti (e la maggior parte sono piuttosto male ...). – Max
E nessuna immagine di sfondo (grazie molte prospettive 2010). –
Queste regole sono GOLD puro quando si tratta di creare email HTML/CSS. Grazie. –
Molti client di posta elettronica non sono in grado di eseguire il rendering css. Vorrei usare le tabelle per formattare la tua posta e usare le immagini per qualcos'altro.
Non è possibile utilizzare le immagini nelle e-mail per impostazione predefinita; i client di posta li bloccheranno fino a quando l'utente contrassegna il mittente come sicuro. Quasi tutti i client comuni supportano CSS limitati in linea. –
I client precedenti non lo fanno e molti utenti aziendali li usano ancora. E no, non tutti i client non mostrano immagini. È solo un passo per una maggiore sicurezza, ma i clienti come l'iPhone non hanno motivo di bloccare le immagini. – fb55
[Gmail ora mostra le immagini] (http://gmailblog.blogspot.ch/2013/12/images-now-showing.html) :-) – rds
Come tutti qui ha detto, tavoli uso e in linea tutto il tuo css ... ma c'è un ecosistema di app di posta elettronica per aiutarti a costruire e-mail.
Sto usando Mailrox (https://www.mailrox.com/) per la maggior parte delle mie build di e-mail di recente e sembra essere piuttosto dannatamente buono e in uscita e-mail HTML perfette, se ne stai costruendo uno da un progetto, anche se è in beta.
Puoi anche provare i modelli predefiniti da Mailchimp o Campaign Monitor, ma sembra che tu abbia un design per la tua email, quindi forse Mailrox sarebbe il migliore.
Se si vuole davvero entrare nella costruzione di e-mail, direi dimenticare la maggior parte di ciò che si conosce sui moderni layout di webdesign e master table e utilizzare i link di PatrikAkerstrand.
Litmus è ideale anche per testare i disegni con codice a mano. Ti danno le anteprime della tua email in (praticamente) tutti i client di posta elettronica.
Spero che questo aiuti.
Come già accennato, le vostre e-mail in formato HTML dovrebbero essere costruite usando tabelle (e non div). Puoi anche aggiungere CSS: entrambi usano un foglio di stile esterno, ma questo non verrà raccolto da tutti i client di posta, quindi è più affidabile aggiungere i tuoi css in linea.Anche se così facendo, alcuni attributi potrebbero essere ignorati da alcuni client di posta elettronica, quindi la tua migliore scommessa è comunque utilizzare gli attributi HTML ogni volta che questi sono disponibili. "Devi farlo perché alcuni client, come Gmail, ignoreranno o elimineranno i contenuti dei tag o li ignoreranno". Fonte: http://webdesign.tutsplus.com/articles/creating-a-simple-responsive-html-email--webdesign-12978
A parte questo, ho anche appreso, per tentativi ed errori, che anche le immagini devono essere ritagliate alla dimensione esatta che le vuoi mostrare nella tua email. Outlook se è terribile nel rilevare attributi HTML per larghezza/altezza per le immagini, e ho visto alcune brutte e-mail estese, solo perché questi attributi sono stati ignorati e le immagini sono state visualizzate a grandezza naturale.
Questo è incredibilmente completo: [http://mailchimp.com/resources/guides/email-marketing-field-guide](http://mailchimp.com/resources/guides/email-marketing-field-guide) –
Molto utile. Incorporare CSS all'interno del tag body. Chi avrebbe mai pensato! L'URL – aaandre
è stato modificato: http://mailchimp.com/resources/guides/email-marketing-field-guide/ – JasonB