E 'vero che le newsletter in formato HTML dovrebbe avere un layout di “table-based”?

StackOverflow https://stackoverflow.com/questions/868073

  •  22-08-2019
  •  | 
  •  

Domanda

Ho letto da qualche parte che quando si crea una e-mail HTML, è necessario utilizzare il layout basato su tabelle. Non si dovrebbe preoccuparsi di creare layout di base tableless css. È vero? Devo creare un layout Newsletter per la mia azienda, ma io non sento di scrittura 3 nidificate tavoli confortevoli.

È stato utile?

Soluzione

Se volete che il vostro HTML-mail a guardare bene nella maggior parte dei client di posta elettronica, si dovrebbe scrivere il codice HTML come ancora era il 1999:)

Altri suggerimenti

Mi raccomando una visita alla Email Standards Project sito web. Elenca quasi tutti i principali client di posta elettronica (sia stand-alone e web-based) sul mercato e delinea la quantità di supporto HTML è incorporato in ciascuno di essi.

Anche consultare il -mail del Campaign Monitor per alcune guide pratiche per la costruzione di e-mail HTML corretto - tra cui, purtroppo sì "utilizzare le tabelle"

Questa è probabilmente più basato sulla realtà della rappresentazione client di posta elettronica (che è terribile) di ogni altra cosa. Tecnicamente è quasi certamente sbagliato, ma pragmaticamente potrebbe essere il miglior consiglio. Truppo tocca questo.

Mi piacerebbe un mondo dove nessuno si aspettava HTML da usare in cui il testo normale avrebbe fatto, ma che non è la situazione. Se il vostro compito è quello di venire con HTML che non vi imbarazzo quando i tuoi iscritti cercano di vederlo nei loro client di posta elettronica preferito (applicazioni o e-mail web based), è difficile attaccare con markup semantico e CSS.

prendere quello che sto dicendo con un grano di sale perché ho fatto solo questo come un esercizio di apprendimento e non professionalmente. Sulla base di un articolo che avevo segnalibro e ulteriori collegamenti che ho trovato in questo articolo, le seguenti pagine sembrano avere una buona discussione dei problemi reali che comporta l'invio e-mail HTML.

http://www.sitepoint.com/article/code- html-email-newsletter /

http://www.sitepoint.com/article/principles- bella-html-mail /

http://www.sitepoint.com/article/designers- guida-html-mail /

In considerazione delle questioni coinvolte, utilizzando tabelle per il layout ha un senso pratico.

C'è sicuramente non standard che mandati, e in effetti, le best practice impongono che le tabelle non devono essere utilizzati per il layout (tranne nel caso di posa fuori i dati tabulari).

C'è un argomento da effettuare per utilizzare le tabelle nella presentazione, come non c'è alcuna garanzia che il gran numero di desktop e client di posta elettronica web-based renderanno correttamente presentazione CSS-based ... Tuttavia, non direi che è un argomento in-e-di per sé.

Non ti consiglio di farlo, ma probabilmente ti avessi sentire questo perché un sacco di lettore di e-mail supporta solo pochi HTML e CSS. Spesso Non avvolgere un full parser HTML / CSS, e nella tabella passato è stato molto usato per fare i layout ..

Si consiglia di guardare a questo, anche se questo è specificamente circa il supporto Oulook html / css sottoinsieme descritto:

http://msdn.microsoft.com/en-us/library /aa338201.aspx

Il motivo si utilizzino le tabelle è duplice:

  1. e-mail HTML può essere reso in una vasta gamma di clienti con abilità molto diverse. E 'come cercare di progettare un sito web per tutti i browser, poi moltiplicarlo per 10.
  2. Un bel paio di clienti web di posta elettronica giocano il caos con layout CSS.

Ho trovato prospettiva avendo problema con div layout basati.

Abbiamo fatto alcuni test con i clienti su come newsletter appaiono sul proprio computer e ha scoperto che la maggioranza sta usando un layout in Outlook o in Mail che mostra una larghezza di soli 45 caratteri. Essi non si preoccupano di fare doppio clic per aprire l'e-mail in una nuova finestra o scorrere. Le e-mail con un contenuto diverso da un logo e testo che è apparso un po 'meglio erano quelli con una sola grande GIF ...

1 su consiglio di Campaign Monitor. Ho visto anche un sacco di grandi contenuti da Emma . Nella mia esperienza, il più semplice è possibile effettuare un modello di newsletter via email, meglio è. Questo è doppiamente vero in un mondo in cui una percentuale crescente di utenti stanno leggendo il tuo messaggio su un dispositivo mobile con un piccolo schermo.

In passato era comune l'uso di tabelle per il layout di pagina, e molte persone che creano le pagine sono ancora più comodo fare in questo modo.

Come dice James, le migliori prassi è quella di utilizzare strutture di posizionamento CSS per il layout di pagina, tranne quando in realtà i dati tabellare; ma personalmente trovo spesso difficile ottenere gli effetti che voglio con i CSS.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top