{"id":7240,"date":"2022-06-07T18:31:00","date_gmt":"2022-06-07T13:01:00","guid":{"rendered":"https:\/\/email.uplers.com\/blogs\/?p=7240"},"modified":"2023-08-18T20:21:29","modified_gmt":"2023-08-18T14:51:29","slug":"divs-vs-tables-emails-myths-facts","status":"publish","type":"post","link":"https:\/\/email.uplers.com\/blog\/divs-vs-tables-emails-myths-facts\/","title":{"rendered":"The Transition from Div to Table in Emails – Myths & Facts"},"content":{"rendered":"\n

[This post was originally published on 29th March 2017. It has been updated on 7th June 2022.]<\/p>\n\n\n\n

Email designing can get really complicated because of the rendering issues on different email clients. There was a time when tables were used to design web pages. It\u2019s become an outdated practice now, but for emails, it\u2019s the best practice.<\/p>\n

I see some email developers<\/a> frowning. I know coding kinda runs in your blood now and this statement won\u2019t resonate well with you. To clear the haze around HTML email div and tables, let\u2019s discuss the myths and facts revolving around the topic.<\/p>\n

Myth 1. Tables work only when you want to create a web page.<\/h2>\n

Formerly, tables were extensively used for web designing. However, things have changed and web pages are no longer designed through tables. Unfortunately emails are still coded like “It is 1995” as most email clients still do not support <div> tags. So, for your subscribers to view the email just the way you want it to, it\u2019s advisable to use tables in email html code. HTML email tables also make the job of creating responsive emails<\/a> easier. The reason being,\u00a0<\/p>\n

Myth 2. HTML5 will not support <table> tags.<\/h2>\n

It\u2019s a misconception that HTML5 will not support the tags like <div> and <table>. Unless otherwise specified, updating the old version doesn\u2019t mean that the new version will not support the previous features. This implies that you can use HTML email tables with all the attached tags like <tr>, <td> tags without worrying about the support. Here, <tr> stands for table rows and <td> for data cells.\u00a0<\/p>\n

Myth 3. Emails designed with the help of <div> tags render well on all email clients.<\/h2>\n

If you wish to create a well-organized email that renders well on all email clients, table is the best idea. Table based HTML email templates<\/a> prevent images to wander to headers and text paragraphs.<\/p>\n

Myth 4. Tables can only be used to design tabular content.<\/h2>\n

As suggested in the previous point, images and text in an email can be best displayed by using HTML table in email. Rows and columns can be used to ensure neatness and structured arrangement in emails.<\/p>\n

Some tips to make your email designs work better:<\/p>\n

    \n
  1. Mobile responsive emails are usually 600 px wide. You should be careful that the width of the table data (<td>) you specify does not exceed the maximum width of your email.<\/li>\n
  2. You should use tables rather than lists because the renderability of lists varies in different email clients.<\/li>\n<\/ol>\n

    Myth 5. Table-based layouts are an old-school practice, which is now outdated.<\/h2>\n

    The field of email marketing has seen various revolutionary innovations but HTML table in email despite being an old-school practice, is still a safe bet to ensure email layout as expected.<\/p>\n

    Check out the screenshot below.<\/p>\n

    \"tables<\/p>\n

    Wrapping Up<\/h2>\n

    We hope we have unraveled the enigma surrounding table and div in emails and put an end to the confusion regarding it.<\/p>\n

    If you have any suggestions or ideas for the same, we are all ears. Share your views in the comment box below.<\/p>\n\n\n

    <\/p>\n","protected":false},"excerpt":{"rendered":"

    Divs versus tables: That’s a huge dilemma email developers face. Let’s debunk the myths surrounding them<\/p>\n","protected":false},"author":1,"featured_media":7250,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[382,381],"tags":[698,699,701,700,703,702],"class_list":["post-7240","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-email-coding","category-email-design","tag-div-versus-table-in-emails","tag-divs-versus-tables-in-emails","tag-email-html-code","tag-myths-and-facts-of-div-versus-table","tag-table-or-div-in-emails","tag-table-based-layout-in-emails"],"yoast_head":"\nDivs vs Tables in Emails - Myths & Facts<\/title>\n<meta name=\"description\" content=\"Should you use divs or tables in emails? Table-based layout is the best idea to ensure proper email rendering. Read on to know more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/email.uplers.com\/blog\/divs-vs-tables-emails-myths-facts\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Divs vs Tables in Emails - Myths & Facts\" \/>\n<meta property=\"og:description\" content=\"Should you use divs or tables in emails? Table-based layout is the best idea to ensure proper email rendering. Read on to know more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/email.uplers.com\/blog\/divs-vs-tables-emails-myths-facts\/\" \/>\n<meta property=\"og:site_name\" content=\"Email Uplers\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/email.uplers\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-06-07T13:01:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-18T14:51:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/03\/divs-versus-tables-in-emails.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"540\" \/>\n\t<meta property=\"og:image:height\" content=\"217\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Kevin George\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@email_uplers\" \/>\n<meta name=\"twitter:site\" content=\"@email_uplers\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kevin George\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/email.uplers.com\/blog\/divs-vs-tables-emails-myths-facts\/\",\"url\":\"https:\/\/email.uplers.com\/blog\/divs-vs-tables-emails-myths-facts\/\",\"name\":\"Divs vs Tables in Emails - Myths & Facts\",\"isPartOf\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/divs-vs-tables-emails-myths-facts\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/divs-vs-tables-emails-myths-facts\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/03\/divs-versus-tables-in-emails.jpg\",\"author\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/7ffa431167e8be5eb07b050cd5c663fa\"},\"description\":\"Should you use divs or tables in emails? Table-based layout is the best idea to ensure proper email rendering. Read on to know more.\",\"breadcrumb\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/divs-vs-tables-emails-myths-facts\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/email.uplers.com\/blog\/divs-vs-tables-emails-myths-facts\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/email.uplers.com\/blog\/divs-vs-tables-emails-myths-facts\/#primaryimage\",\"url\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/03\/divs-versus-tables-in-emails.jpg\",\"contentUrl\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/03\/divs-versus-tables-in-emails.jpg\",\"width\":\"1170\",\"height\":\"470\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/email.uplers.com\/blog\/divs-vs-tables-emails-myths-facts\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/email.uplers.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The Transition from Div to Table in Emails – Myths & Facts\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/email.uplers.com\/blog\/#website\",\"url\":\"https:\/\/email.uplers.com\/blog\/\",\"name\":\"Email Uplers\",\"description\":\"Email Marketing Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/email.uplers.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/7ffa431167e8be5eb07b050cd5c663fa\",\"name\":\"Kevin George\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2019\/03\/Img-96x96.png\",\"contentUrl\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2019\/03\/Img-96x96.png\",\"caption\":\"Kevin George\"},\"description\":\"Kevin is the Head of Marketing at Email Uplers, one of the fastest-growing full-service email marketing companies. He is an email enthusiast at heart and loves to pen down email marketing content. You can reach him at kevin.g@uplers.com or connect with him on LinkedIn.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/kevin-george-email\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Divs vs Tables in Emails - Myths & Facts","description":"Should you use divs or tables in emails? Table-based layout is the best idea to ensure proper email rendering. Read on to know more.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/email.uplers.com\/blog\/divs-vs-tables-emails-myths-facts\/","og_locale":"en_US","og_type":"article","og_title":"Divs vs Tables in Emails - Myths & Facts","og_description":"Should you use divs or tables in emails? Table-based layout is the best idea to ensure proper email rendering. Read on to know more.","og_url":"https:\/\/email.uplers.com\/blog\/divs-vs-tables-emails-myths-facts\/","og_site_name":"Email Uplers","article_publisher":"https:\/\/www.facebook.com\/email.uplers\/","article_published_time":"2022-06-07T13:01:00+00:00","article_modified_time":"2023-08-18T14:51:29+00:00","og_image":[{"url":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/03\/divs-versus-tables-in-emails.jpg","width":540,"height":217,"type":"image\/jpeg"}],"author":"Kevin George","twitter_card":"summary_large_image","twitter_creator":"@email_uplers","twitter_site":"@email_uplers","twitter_misc":{"Written by":"Kevin George","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/email.uplers.com\/blog\/divs-vs-tables-emails-myths-facts\/","url":"https:\/\/email.uplers.com\/blog\/divs-vs-tables-emails-myths-facts\/","name":"Divs vs Tables in Emails - Myths & Facts","isPartOf":{"@id":"https:\/\/email.uplers.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/email.uplers.com\/blog\/divs-vs-tables-emails-myths-facts\/#primaryimage"},"image":{"@id":"https:\/\/email.uplers.com\/blog\/divs-vs-tables-emails-myths-facts\/#primaryimage"},"thumbnailUrl":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/03\/divs-versus-tables-in-emails.jpg","author":{"@id":"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/7ffa431167e8be5eb07b050cd5c663fa"},"description":"Should you use divs or tables in emails? Table-based layout is the best idea to ensure proper email rendering. Read on to know more.","breadcrumb":{"@id":"https:\/\/email.uplers.com\/blog\/divs-vs-tables-emails-myths-facts\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/email.uplers.com\/blog\/divs-vs-tables-emails-myths-facts\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/email.uplers.com\/blog\/divs-vs-tables-emails-myths-facts\/#primaryimage","url":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/03\/divs-versus-tables-in-emails.jpg","contentUrl":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/03\/divs-versus-tables-in-emails.jpg","width":"1170","height":"470"},{"@type":"BreadcrumbList","@id":"https:\/\/email.uplers.com\/blog\/divs-vs-tables-emails-myths-facts\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/email.uplers.com\/blog\/"},{"@type":"ListItem","position":2,"name":"The Transition from Div to Table in Emails – Myths & Facts"}]},{"@type":"WebSite","@id":"https:\/\/email.uplers.com\/blog\/#website","url":"https:\/\/email.uplers.com\/blog\/","name":"Email Uplers","description":"Email Marketing Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/email.uplers.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/7ffa431167e8be5eb07b050cd5c663fa","name":"Kevin George","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2019\/03\/Img-96x96.png","contentUrl":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2019\/03\/Img-96x96.png","caption":"Kevin George"},"description":"Kevin is the Head of Marketing at Email Uplers, one of the fastest-growing full-service email marketing companies. He is an email enthusiast at heart and loves to pen down email marketing content. You can reach him at kevin.g@uplers.com or connect with him on LinkedIn.","sameAs":["https:\/\/www.linkedin.com\/in\/kevin-george-email\/"]}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/posts\/7240","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/comments?post=7240"}],"version-history":[{"count":37,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/posts\/7240\/revisions"}],"predecessor-version":[{"id":37007,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/posts\/7240\/revisions\/37007"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/media\/7250"}],"wp:attachment":[{"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/media?parent=7240"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/categories?post=7240"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/tags?post=7240"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}