{"id":62863,"date":"2024-12-28T01:09:57","date_gmt":"2024-12-28T01:09:57","guid":{"rendered":"https:\/\/mailinvest.blog\/index.php\/2024\/12\/28\/supported-html-tags-in-common-email-clients\/"},"modified":"2024-12-28T01:11:20","modified_gmt":"2024-12-28T01:11:20","slug":"supported-html-tags-in-common-email-clients","status":"publish","type":"post","link":"https:\/\/mailinvest.blog\/index.php\/2024\/12\/28\/supported-html-tags-in-common-email-clients\/","title":{"rendered":"Supported HTML Tags in Common Email Clients"},"content":{"rendered":"<p> <a href=\"https:\/\/go.fiverr.com\/visit\/?bta=1052423&nci=17043\" Target=\"_Top\"><img loading=\"lazy\" decoding=\"async\" border=\"0\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/fiverr.ck-cdn.com\/tn\/serve\/?cid=40081059\"  width=\"601\" height=\"201\"><\/a>\n<\/p>\n<div>\n<p>In contrast to internet browsers, e mail purchasers interpret HTML of their distinctive methods, affecting the format, performance, and look of your emails.\u00a0<\/p>\n<p>With this information, I goal to create a complete HTML parts toolkit that will help you optimize emails for various purchasers. Additionally, I\u2019ll be referencing CSS, however the primary focus is on HTML.<\/p>\n<h2 id=\":R6:\" class=\"level-2 wp-block-heading\">Supported HTML tags overview<\/h2>\n<p>Examine the desk that includes generally used tags, together with their perform and compatibility with completely different e mail purchasers. Click on on the tags to leap to a extra detailed rationalization and sensible suggestions.\u00a0<\/p>\n<figure class=\"wp-block-table\">\n<table>\n<tbody>\n<tr>\n<td><strong>HTML Tag<\/strong><\/td>\n<td><strong>Operate<\/strong><\/td>\n<td><strong>Gmail<\/strong><\/td>\n<td><strong>Outlook<\/strong><\/td>\n<td><strong>Apple Mail<\/strong><\/td>\n<td><strong>Yahoo Mail\u00a0<\/strong><\/td>\n<td><strong>AOL<\/strong><\/td>\n<td><strong>Thunderbird<\/strong><\/td>\n<\/tr>\n<tr>\n<td><a href=\"#bold\">b&gt;<\/a><\/td>\n<td>Daring textual content<\/td>\n<td>\u2705<\/td>\n<td>\u2705<\/td>\n<td>\u2705<\/td>\n<td>\u2705<\/td>\n<td>\u2705<\/td>\n<td>\u2705<\/td>\n<\/tr>\n<tr>\n<td><a href=\"#italic\" data-type=\"internal\" data-id=\"#italic\">i&gt;<\/a><\/td>\n<td>Italic textual content<\/td>\n<td>\u2705<\/td>\n<td>\u2705<\/td>\n<td>\u2705<\/td>\n<td>\u2705<\/td>\n<td>\u2705<\/td>\n<td>\u2705<\/td>\n<\/tr>\n<tr>\n<td><a href=\"#ahref\">ahref=\u201d\u201d&gt;<\/a><\/td>\n<td>Hyperlink<\/td>\n<td>\u2705<\/td>\n<td>\u2705<\/td>\n<td>\u2705<\/td>\n<td>\u2705<\/td>\n<td>\u2705<\/td>\n<td>\u2705<\/td>\n<\/tr>\n<tr>\n<td><a href=\"#ul\">ul&gt;<\/a><\/td>\n<td>Unordered record<\/td>\n<td>\u2705<\/td>\n<td>\u2705<\/td>\n<td>\u2705<\/td>\n<td>\u2705<\/td>\n<td>\u2705<\/td>\n<td>\u2705<\/td>\n<\/tr>\n<tr>\n<td><a href=\"#ol\">ol&gt;<\/a><\/td>\n<td>Ordered record<\/td>\n<td>\u2705<\/td>\n<td>\u2705<\/td>\n<td>\u2705<\/td>\n<td>\u2705<\/td>\n<td>\u2705<\/td>\n<td>\u2705<\/td>\n<\/tr>\n<tr>\n<td><a href=\"#img\">img&gt;<\/a><\/td>\n<td>Picture<\/td>\n<td>\u2705<\/td>\n<td>\u2705<\/td>\n<td>\u2705<\/td>\n<td>\u2705<\/td>\n<td>\u2705<\/td>\n<td>\u2705<\/td>\n<\/tr>\n<tr>\n<td><a href=\"#tables\">table&gt;<\/a><\/td>\n<td>Desk format<\/td>\n<td>\u2705<\/td>\n<td>Partial<\/td>\n<td>\u2705<\/td>\n<td>Partial<\/td>\n<td>\u2705<\/td>\n<td>\u2705<\/td>\n<\/tr>\n<tr>\n<td><a href=\"#div-span\">div&gt;<\/a><\/td>\n<td>Division for block-level content material\u00a0<\/td>\n<td>\u2705<\/td>\n<td>Partial<\/td>\n<td>\u2705<\/td>\n<td>\u2705<\/td>\n<td>\u2705<\/td>\n<td>\u2705<\/td>\n<\/tr>\n<tr>\n<td><a href=\"#div-span\">span&gt;<\/a><\/td>\n<td>Inline textual content styling<\/td>\n<td>\u2705<\/td>\n<td>Partial<\/td>\n<td>\u2705<\/td>\n<td>\u2705<\/td>\n<td>\u2705<\/td>\n<td>\u2705<\/td>\n<\/tr>\n<tr>\n<td><a href=\"#forms\">form&gt;<\/a><\/td>\n<td>Kind for consumer enter<\/td>\n<td>\u274c<\/td>\n<td>\u274c<\/td>\n<td>\u274c<\/td>\n<td>\u274c<\/td>\n<td>\u274c<\/td>\n<td>\u274c<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n<h2 id=\":Rc:\" class=\"level-2 wp-block-heading\">Universally supported HTML tags: detailed explanations<\/h2>\n<p>Under, you\u2019ll discover the tags that kind the inspiration of e mail design and are dependable with most e mail purchasers. I categorized them primarily based on the perform; you\u2019ll additionally discover tiny code snippets displaying how the tags are supposed for use.\u00a0<\/p>\n<h3 id=\":Rg:\" class=\"wp-block-heading\" data-table-of-content=\"true\">Fundamental textual content formatting<\/h3>\n<p>Universally supported textual content formatting tags are the next.\u00a0<\/p>\n<ul id=\"bold\">\n<li>b&gt;: makes the textual content inside the tag daring\u00a0<\/li>\n<\/ul>\n<figure class=\"wp-block-table\">\n<table class=\"has-white-color has-black-background-color has-text-color has-background\">\n<tbody>\n<tr>\n<td>p&gt;This can be a b&gt;daring<strong>b<\/strong>&gt; assertion.<strong>p<\/strong>&gt;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n<ul id=\"italic\">\n<li>i&gt;: makes the textual content inside the tag italicized<\/li>\n<\/ul>\n<figure class=\"wp-block-table\">\n<table class=\"has-white-color has-black-background-color has-text-color has-background\">\n<tbody>\n<tr>\n<td>p&gt;That is an i&gt;italic<strong>i<\/strong>&gt; phrase.<strong>p<\/strong>&gt;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n<ul id=\"underline\">\n<li>u&gt;: provides an underline to the textual content inside the tag<\/li>\n<\/ul>\n<figure class=\"wp-block-table\">\n<table class=\"has-white-color has-black-background-color has-text-color has-background\">\n<tbody>\n<tr>\n<td>p&gt;That is an u&gt;underlined<strong>u<\/strong>&gt; phrase.<strong>p<\/strong>&gt;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n<ul>\n<li>p&gt;: defines a paragraph of a textual content, essential for organizing copy into readable blocks<\/li>\n<\/ul>\n<figure class=\"wp-block-table\">\n<table class=\"has-white-color has-black-background-color has-text-color has-background\">\n<tbody>\n<tr>\n<td>p&gt;This can be a new paragraph of textual content within the e mail.<strong>p<\/strong>&gt;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n<ul>\n<li>sturdy&gt;: creates a robust emphasis; much like b&gt;, however extra semantically significant<\/li>\n<\/ul>\n<figure class=\"wp-block-table\">\n<table class=\"has-white-color has-black-background-color has-text-color has-background\">\n<tbody>\n<tr>\n<td>p&gt;This can be a sturdy&gt;sturdy emphasis<strong>sturdy<\/strong>&gt; on a degree.<strong>p<\/strong>&gt;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n<ul>\n<li>em&gt;: much like i&gt;, however it\u2019s used for refined emphasis; you should use it to spotlight key phrases and phrases elegantly<\/li>\n<\/ul>\n<figure class=\"wp-block-table\">\n<table class=\"has-white-color has-black-background-color has-text-color has-background\">\n<tbody>\n<tr>\n<td>p&gt;That is an em&gt;emphasised<strong>em<\/strong>&gt; phrase.<strong>p<\/strong>&gt;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n<p><strong>Reminder<\/strong>: The tags above are dependable throughout Gmail, Outlook, Apple Mail, Yahoo, and different purchasers. Your styling will stay constant throughout these platforms.\u00a0<\/p>\n<h3 id=\"ahref\" class=\"wp-block-heading\" data-table-of-content=\"true\">Hyperlinks and anchor tags<\/h3>\n<p>Positive, the a href=\u201d\u201d&gt; tag is universally supported, however there are some particular quirks I\u2019d like to attract your consideration to.\u00a0<\/p>\n<ul>\n<li><strong>Fundamental utilization<\/strong>: outline the hyperlink with the a href=\u201d\u201d&gt; tag, making certain it consists of the total URL to stop errors.\u00a0<\/li>\n<\/ul>\n<figure class=\"wp-block-table\">\n<table class=\"has-white-color has-black-background-color has-text-color has-background\">\n<tbody>\n<tr>\n<td>p&gt;Click on a href=\u201dhttps:\/\/instance.com\u201d&gt;right here<strong>a<\/strong>&gt; to be taught extra.<strong>p<\/strong>&gt;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n<ul>\n<li><strong>Gmail<\/strong>: helps inline styling inside anchor tags, so you may customise the looks of hyperlinks with CSS (e.g., coloration, text-decoration).\u00a0<\/li>\n<\/ul>\n<ul>\n<li><strong>Outlook<\/strong>: typically strips CSS kinds from hyperlinks, so it&#8217;s essential use the text-decoration perform instantly inside the tag.\u00a0<\/li>\n<\/ul>\n<figure class=\"wp-block-table\">\n<table class=\"has-white-color has-black-background-color has-text-color has-background\">\n<tbody>\n<tr>\n<td>a href=\u201dhttps:\/\/instance.com\u201d fashion=\u201dtext-decoration: underline; coloration: #0000EE;\u201d&gt;Go to Our Web site<strong>a<\/strong>&gt;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n<ul>\n<li><strong>Apple Mail<\/strong>: usually respective of styling inside a&gt; tags, so that you\u2019re versatile with colours and underlines.\u00a0<\/li>\n<\/ul>\n<p>To emphasize, testing hyperlinks throughout completely different purchasers is crucial because the help degree might change. I\u2019ll cowl the main points beneath the \u201cFinest practices\u201d part.\u00a0<\/p>\n<h3 id=\":R2g:\" class=\"wp-block-heading\" data-table-of-content=\"true\">Ordered and unordered lists<\/h3>\n<p>Lists are supported throughout the board (each ol&gt; and ul&gt;), however notice that spacing and indentation could fluctuate. Listed below are fundamental examples.\u00a0<\/p>\n<figure class=\"wp-block-table\">\n<table class=\"has-white-color has-black-background-color has-text-color has-background\">\n<tbody>\n<tr>\n<td>ul&gt;<br \/>\u00a0 \u00a0 li&gt;First merchandise<strong>li<\/strong>&gt;<br \/>\u00a0 \u00a0 li&gt;Second merchandise<strong>li<\/strong>&gt;<br \/>\u00a0 \u00a0 li&gt;Third merchandise<strong>li<\/strong>&gt;<br \/><strong>ul<\/strong>&gt;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n<figure class=\"wp-block-table\">\n<table class=\"has-white-color has-black-background-color has-text-color has-background\">\n<tbody>\n<tr>\n<td>ol&gt;<br \/>\u00a0 \u00a0 li&gt;First merchandise<strong>li<\/strong>&gt;<br \/>\u00a0 \u00a0 li&gt;Second merchandise<strong>li<\/strong>&gt;<br \/>\u00a0 \u00a0 li&gt;Third merchandise<strong>li<\/strong>&gt;<br \/><strong>ol<\/strong>&gt;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n<p><strong>Professional Tip<\/strong>: Outlook could generally add additional areas round record objects. In the event you use CSS padding changes with the li&gt; aspect, you may fine-tune the format consistency.\u00a0<\/p>\n<h3 id=\"img\" class=\"wp-block-heading\" data-table-of-content=\"true\">Picture help<\/h3>\n<p>Once more, photos are extensively supported, however sure attributes and picture behaviors could fluctuate, significantly with Outlook and Yahoo Mail.\u00a0<\/p>\n<figure class=\"wp-block-table\">\n<table class=\"has-white-color has-black-background-color has-text-color has-background\">\n<tbody>\n<tr>\n<td>img src=\u201dhttps:\/\/instance.com\/picture.jpg\u201d alt=\u201dDescription of picture\u201d width=\u201d600\u2033 peak=\u201d300\u2033&gt;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n<p><strong>Attributes<\/strong>:<\/p>\n<ul>\n<li>src: specifies the picture URL. Use absolute URLs, as relative paths often don\u2019t load appropriately.\u00a0<\/li>\n<li>alt: supplies different textual content for accessibility; this could possibly be invaluable in case your photos fail to load.\u00a0<\/li>\n<li>width and peak: outline the specific dimensions to regulate picture show and forestall resizing points with Outlook.\u00a0<\/li>\n<\/ul>\n<p><strong>Consumer-specific issues<\/strong>:<\/p>\n<ul>\n<li><strong>Outlook<\/strong>: It could ignore sure styling or photos. For instance, this usually occurs with max-width, which causes photos to seem stretched. To beat this, use the precise dimensions and keep away from relying solely on CSS for responsiveness.\u00a0<\/li>\n<li><strong>Yahoo Mail<\/strong>: It has restricted help for customized picture styling. It&#8217;s essential to take a look at the e-mail template completely, primarily if it makes use of photos with backgrounds or borders.\u00a0<\/li>\n<\/ul>\n<p><strong>Tip<\/strong>: Preserve the photographs inside a hard and fast width or depend on pixel values somewhat than percentages. This helps guarantee photos render properly with most purchasers.\u00a0<\/p>\n<h2 id=\":R3m:\" class=\"level-2 wp-block-heading\">HTML tags with restricted or partial help<\/h2>\n<p>Partially supported and restricted help tags require particular workarounds to get the consistency you\u2019re on the lookout for. I\u2019ll briefly cowl the fundamental construction, attributes, workarounds, and so forth.\u00a0<\/p>\n<h3 id=\"tables\" class=\"wp-block-heading\" data-table-of-content=\"true\">Tables<\/h3>\n<p>Despite the fact that desk renderings are frequent in e mail layouts, they will fluctuate. The discrepancies are the obvious with Gmail and Outlook. Examine the examples and tricks to retain exact management over the e-mail construction.\u00a0<\/p>\n<figure class=\"wp-block-table\">\n<table class=\"has-white-color has-black-background-color has-text-color has-background\">\n<tbody>\n<tr>\n<td>desk width=\u201d100%\u201d cellpadding=\u201d0\u2033 cellspacing=\u201d0\u2033&gt;<br \/>\u00a0 \u00a0 tr&gt;<br \/>\u00a0 \u00a0 \u00a0 \u00a0 td&gt;Row 1, Column 1<strong>td<\/strong>&gt;<br \/>\u00a0 \u00a0 \u00a0 \u00a0 td&gt;Row 1, Column 2<strong>td<\/strong>&gt;<br \/>\u00a0 \u00a0 <strong>tr<\/strong>&gt;<br \/>\u00a0 \u00a0 tr&gt;<br \/>\u00a0 \u00a0 \u00a0 \u00a0 td&gt;Row 2, Column 1<strong>td<\/strong>&gt;<br \/>\u00a0 \u00a0 \u00a0 \u00a0 td&gt;Row 2, Column 2<strong>td<\/strong>&gt;<br \/>\u00a0 \u00a0 <strong>tr<\/strong>&gt;<br \/><strong>desk<\/strong>&gt;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n<p><strong>Attributes:<\/strong><\/p>\n<ul>\n<li><strong>width<\/strong>: outline a hard and fast width for tables to take care of constant layouts with completely different purchasers.<\/li>\n<li>cellpadding and cellspacing: make sure that to regulate each attributes or your spacing could seem off.\u00a0\u00a0<\/li>\n<\/ul>\n<p><strong>Consumer-specific suggestions:<\/strong><\/p>\n<ul>\n<li><strong>Gmail<\/strong> usually helps tables however might require inline CSS for padding and margin changes. Additionally, keep away from nesting tables too deeply to stop show points.\u00a0<\/li>\n<li><strong>Outlook<\/strong> renders tables utilizing the Microsoft Phrase engine (a nightmare should you ask me \ud83d\ude00), which regularly disregards CSS-based layouts. To get desired consistency, specify widths inside the td&gt; tags and keep away from superior CSS to outline positions inside tables.\u00a0<\/li>\n<\/ul>\n<p>Right here\u2019s an instance of a constant desk styling:\u00a0<\/p>\n<figure class=\"wp-block-table\">\n<table class=\"has-white-color has-black-background-color has-text-color has-background\">\n<tbody>\n<tr>\n<td>desk width=\u201d100%\u201d cellpadding=\u201d10\u2033 cellspacing=\u201d0\u2033 fashion=\u201dborder-collapse: collapse;\u201d&gt;<br \/>\u00a0 \u00a0 tr&gt;<br \/>\u00a0 \u00a0 \u00a0 \u00a0 td fashion=\u201dwidth: 50%; background-color: #f0f0f0;\u201d&gt;Column 1<strong>td<\/strong>&gt;<br \/>\u00a0 \u00a0 \u00a0 \u00a0 td fashion=\u201dwidth: 50%; background-color: #cccccc;\u201d&gt;Column 2<strong>td<\/strong>&gt;<br \/>\u00a0 \u00a0 <strong>tr<\/strong>&gt;<br \/><strong>desk<\/strong>&gt;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n<h3 id=\"forms\" class=\"wp-block-heading\" data-table-of-content=\"true\">Enter parts and varieties<\/h3>\n<p>Types and different parts will not be extensively supported, so keep away from utilizing them instantly in your emails. However, in fact, there\u2019s at all times a workaround; test the main points under.\u00a0<\/p>\n<ul>\n<li><strong>Unsupported parts<\/strong>: kind&gt;, enter&gt;, button&gt;, and textarea&gt; usually gained\u2019t perform in Gmail, Outlook, or Yahoo Mail.\u00a0<\/li>\n<li><strong>Workaround<\/strong>: Use a call-to-action hyperlink and direct customers to a touchdown web page the place they will fill out a kind.\u00a0<\/li>\n<\/ul>\n<figure class=\"wp-block-table\">\n<table class=\"has-white-color has-black-background-color has-text-color has-background\">\n<tbody>\n<tr>\n<td>p&gt;We\u2019d love to listen to from you! a href=\u201dhttps:\/\/instance.com\/suggestions\u201d goal=\u201d_blank\u201d&gt;Click on right here to go away suggestions<strong>a<\/strong>&gt;.<strong>p<\/strong>&gt;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n<h3 id=\"div-span\" class=\"wp-block-heading\" data-table-of-content=\"true\">Divs and spans<\/h3>\n<p>Being partially supported throughout completely different purchasers, the div&gt; and span&gt; tags are sometimes utilized in mixture with inline kinds to enhance compatibility. I\u2019ll cowl the fundamental utilization and a few suggestions and methods (there\u2019s actually no workaround right here).\u00a0<\/p>\n<p><strong>Fundamental utilization<\/strong>:<\/p>\n<ul>\n<li>div&gt;: usually used for block-level parts, it helps manage completely different sections inside an e mail.\u00a0<\/li>\n<li>span&gt;: that is an inline container typically used for styling particular textual content parts.\u00a0<\/li>\n<\/ul>\n<ul>\n<li><strong>Inline styling<\/strong>: As indicated earlier, lots of e mail purchasers strip the embedded and exterior CSS, making inline styling important for these tags. \u2b07\ufe0fExamine the exemplary snippet on the right way to use the div&gt; tag.\u00a0<\/li>\n<\/ul>\n<figure class=\"wp-block-table\">\n<table class=\"has-white-color has-black-background-color has-text-color has-background\">\n<tbody>\n<tr>\n<td>div fashion=\u201dbackground-color: #f0f0f0; padding: 10px;\u201d&gt;<br \/>\u00a0 \u00a0 This can be a div with background coloration and padding.<br \/><strong>div<\/strong>&gt;<br \/>p&gt;This can be a span fashion=\u201dcoloration: #ff0000;\u201d&gt;highlighted<strong>span<\/strong>&gt; phrase.<strong>p<\/strong>&gt;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n<p><strong>Consumer-specific suggestions<\/strong>:\u00a0<\/p>\n<ul>\n<li><strong>Outlook<\/strong>: it could ignore sure inline kinds; I recommend utilizing the desk&gt; aspect for extra complicated layouts.\u00a0<\/li>\n<li><strong>Responsive design<\/strong>: Gmail and Apple Mail help media queries so it\u2019s attainable to regulate span&gt; and div&gt; kinds for cell gadgets. Nonetheless, the responsiveness of such emails could be unpredictable with Outlook. To beat that, use fallback designs for complicated layouts.\u00a0<\/li>\n<\/ul>\n<h2 id=\":R5e:\" class=\"level-2 wp-block-heading\">Consumer-specific issues for HTML rendering<\/h2>\n<p>Examine the right way to tailor your HTML for Gmail, Outlook, Apple Mail, and different generally used e mail purchasers.\u00a0<\/p>\n<h3 id=\":R5i:\" class=\"wp-block-heading\" data-table-of-content=\"true\">Gmail<\/h3>\n<p>Total, Gmail helps many CSS and <a href=\"https:\/\/mailtrap.io\/blog\/html-email\/\">HTML features<\/a>; even so, the shopper has its quirks. Right here\u2019s what to bear in mind.\u00a0<\/p>\n<ul>\n<li><strong>CSS<\/strong>: Gmail helps fundamental inline CSS and a few media queries. Nonetheless, it doesn\u2019t at all times render exterior and embedded kinds reliably. Due to this fact, it\u2019s greatest to depend on inline kinds as a substitute.\u00a0<\/li>\n<\/ul>\n<ul>\n<li><strong>Recognized Gmail rendering points<\/strong>:<\/li>\n<\/ul>\n<ul>\n<li><strong>Picture blocking<\/strong>: Very often, Gmail blocks photos by default, and customers have to allow them manually. Add alt textual content to img&gt; tags to take care of e mail accessibility when the photographs are blocked.\u00a0<\/li>\n<li><strong>Media queries<\/strong>: Gmail helps media queries on cell, however it doesn\u2019t help media queries in desktop apps. So apply media queries just for mobile-specific styling.\u00a0<\/li>\n<\/ul>\n<h3 id=\":R5s:\" class=\"wp-block-heading\" data-table-of-content=\"true\">Outlook<\/h3>\n<p>To remind you, Outlook makes use of Microsoft Phrase\u2019s rendering engine, which may set off surprising points. I already talked about a couple of tips about the right way to overcome this, so this part is like an prolonged recap.\u00a0<\/p>\n<ul>\n<li><strong>CSS and HTML limitations<\/strong>: Outlook usually ignores CSS properties resembling margin, padding, and float. To work round this, rely closely on desk&gt; parts for format, cell padding and cell spacing attributes.\u00a0<\/li>\n<li><strong>Photos<\/strong>: If photos lack specific width and peak, Outlook is prone to show them incorrectly. So, make sure that to outline these attributes.\u00a0<\/li>\n<\/ul>\n<p>Right here\u2019s an instance of code for a table-based format with cell padding and cell spacing.<\/p>\n<figure class=\"wp-block-table\">\n<table class=\"has-white-color has-black-background-color has-text-color has-background\">\n<tbody>\n<tr>\n<td>desk width=\u201d100%\u201d cellpadding=\u201d10\u2033 cellspacing=\u201d0\u2033 fashion=\u201dborder-collapse: collapse;\u201d&gt;<br \/>\u00a0 \u00a0 tr&gt;<br \/>\u00a0 \u00a0 \u00a0 \u00a0 td fashion=\u201dbackground-color: #f0f0f0;\u201d&gt;Content material Space 1<strong>td<\/strong>&gt;<br \/>\u00a0 \u00a0 \u00a0 \u00a0 td fashion=\u201dbackground-color: #cccccc;\u201d&gt;Content material Space 2<strong>td<\/strong>&gt;<br \/>\u00a0 \u00a0 <strong>tr<\/strong>&gt;<br \/><strong>desk<\/strong>&gt;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n<p>\u00a0<strong>Fast suggestions<\/strong>:<\/p>\n<ul>\n<li>Use tables for layouts because of the restricted CSS help.\u00a0<\/li>\n<li>Keep away from complicated layouts with nested tables.\u00a0<\/li>\n<li>Take a look at e mail <a href=\"https:\/\/mailtrap.io\/blog\/building-html-email-template\/\">template designs<\/a> with Outlook desktop and internet variations \u2013 they might render in a different way.\u00a0<\/li>\n<\/ul>\n<h3 id=\":R6c:\" class=\"wp-block-heading\" data-table-of-content=\"true\">Apple Mail and different purchasers<\/h3>\n<p>Arguably, Apple Mail has the strongest help for HTML and CSS, making it one of the crucial dependable purchasers for superior e mail design. Right here, I\u2019ll additionally supply some suggestions and methods for Yahoo, AOL, and another purchasers.\u00a0<\/p>\n<p><strong>Apple Mail<\/strong>:<\/p>\n<ul>\n<li>Helps inline and embedded CSS and media queries.\u00a0<\/li>\n<li>You&#8217;ll be able to render strong HTML5 parts and have gradients, animations, and internet fonts.\u00a0<\/li>\n<\/ul>\n<p><strong>Essential Word<\/strong>: Despite the fact that Apple Mail helps it, go straightforward on complicated styling, internet fonts, and particularly animations. There\u2019s a excessive probability different purchasers gained\u2019t help them, they usually could have an effect on e mail deliverability, not solely accessibility.\u00a0<\/p>\n<p><strong>Yahoo Mail<\/strong>:\u00a0<\/p>\n<ul>\n<li>Helps inline kinds and embedded CSS. Nonetheless, some superior properties like show: flex could not render correctly.\u00a0<\/li>\n<li>Yahoo typically blocks or delays picture loading, so you need to embrace alt textual content.\u00a0<\/li>\n<\/ul>\n<p><strong>AOL and Thunderbird<\/strong>:<\/p>\n<ul>\n<li>These purchasers have HTML\/CSS help much like Yahoo. However Thunderbird presents a extra dependable rendering of embedded and inline kinds.\u00a0<\/li>\n<li>Usually, keep away from superior inline strategies. The identical goes for superior CSS layouts resembling flexbox (applies to Yahoo, AOL, and Thunderbird).\u00a0<\/li>\n<\/ul>\n<h2 id=\":R6u:\" class=\"level-2 wp-block-heading\">Finest practices for utilizing HTML tags in emails<\/h2>\n<p>In truth, this entire article is sort of a record of greatest practices. So right here, I\u2019d prefer to concentrate on testing and the <a href=\"https:\/\/mailtrap.io\/email-sandbox\/\">Mailtrap Email Testing<\/a> software. And I\u2019ll additionally cowl tips about creating mobile-responsive designs.\u00a0<\/p>\n<h3 id=\":R72:\" class=\"wp-block-heading\" data-table-of-content=\"true\">E mail testing throughout completely different purchasers<\/h3>\n<p>I\u2019d at all times advocate a software that explicitly reveals help throughout completely different e mail purchasers and offers you actual references to which strains of code is likely to be problematic.\u00a0<\/p>\n<p>Mailtrap E mail Testing is one such software. It\u2019s a part of the Mailtrap E mail Supply Platform and an e mail sandbox for inspecting emails in staging, dev, and QA environments.\u00a0<\/p>\n<p>The essential factor is that it presents the next:<\/p>\n<ul>\n<li><strong>HTML\/CSS test<\/strong> (with percentile shopper help and specific references to problematic strains of code)<\/li>\n<\/ul>\n<figure class=\"wp-block-image size-full\"><img src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/us-wd.gr-cdn.com\/blog\/sites\/5\/2024\/12\/1140\/html-check.png?width=412 412w, https:\/\/us-wd.gr-cdn.com\/blog\/sites\/5\/2024\/12\/1140\/html-check.png?width=653 653w, https:\/\/us-wd.gr-cdn.com\/blog\/sites\/5\/2024\/12\/1140\/html-check.png?width=824 824w, https:\/\/us-wd.gr-cdn.com\/blog\/sites\/5\/2024\/12\/1140\/html-check.png?width=1306 1306w\" data-sizes=\"auto, (max-width: 967px) min(calc(100vw - 60px), 653px), 653px\" decoding=\"async\" loading=\"lazy\" width=\"1584\" height=\"1250\" alt=\"Html check with a market support score\" class=\"wp-image-72113\" style=\"object-fit:cover\"\/><\/figure>\n<figure class=\"wp-block-image size-full\"><img src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/us-wd.gr-cdn.com\/blog\/sites\/5\/2024\/12\/1140\/spam-score.png?width=412 412w, https:\/\/us-wd.gr-cdn.com\/blog\/sites\/5\/2024\/12\/1140\/spam-score.png?width=653 653w, https:\/\/us-wd.gr-cdn.com\/blog\/sites\/5\/2024\/12\/1140\/spam-score.png?width=824 824w, https:\/\/us-wd.gr-cdn.com\/blog\/sites\/5\/2024\/12\/1140\/spam-score.png?width=1306 1306w\" data-sizes=\"auto, (max-width: 967px) min(calc(100vw - 60px), 653px), 653px\" decoding=\"async\" loading=\"lazy\" width=\"1586\" height=\"1160\" alt=\"Spam analysis for HTML emails\" class=\"wp-image-72114\" style=\"object-fit:cover\"\/><\/figure>\n<ul>\n<li>E mail preview (internet, cell, and desktop)<\/li>\n<\/ul>\n<figure class=\"wp-block-image size-full\"><img src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/us-wd.gr-cdn.com\/blog\/sites\/5\/2024\/12\/1140\/html-preview.png?width=412 412w, https:\/\/us-wd.gr-cdn.com\/blog\/sites\/5\/2024\/12\/1140\/html-preview.png?width=653 653w, https:\/\/us-wd.gr-cdn.com\/blog\/sites\/5\/2024\/12\/1140\/html-preview.png?width=824 824w, https:\/\/us-wd.gr-cdn.com\/blog\/sites\/5\/2024\/12\/1140\/html-preview.png?width=1306 1306w\" data-sizes=\"auto, (max-width: 967px) min(calc(100vw - 60px), 653px), 653px\" decoding=\"async\" loading=\"lazy\" width=\"1594\" height=\"1158\" alt=\"responsiveness checker for html emails\" class=\"wp-image-72115\" style=\"object-fit:cover\"\/><\/figure>\n<p>If it&#8217;s essential take a look at loads or have a number of tasks, Mailtrap E mail Testing additionally presents API for QA automation, a number of testing inboxes, consumer administration, and e mail template testing through API.\u00a0<\/p>\n<p>For Mailtrap E mail API\/SMTP customers, API permits for a straightforward transition from testing to manufacturing necessities. You&#8217;ll be able to change a couple of strains of code and ship your templates as quickly as you\u2019re certain they\u2019re prepared for recipients.\u00a0<\/p>\n<h3 id=\":R7q:\" class=\"wp-block-heading\" data-table-of-content=\"true\">Cellular responsiveness<\/h3>\n<p>Beforehand, I discussed some methods for cell responsiveness, and on this part, I mix them and offer you some hands-on suggestions.\u00a0<\/p>\n<ul>\n<li>Use inline styling to outline mobile-friendly properties resembling padding, font measurement, and line peak.\u00a0<\/li>\n<li>You need to use media queries to regulate format, font measurement, and pictures for cell screens. Nonetheless, don\u2019t neglect that Outlook doesn\u2019t help these, not like Gmail and Apple Mail. Right here\u2019s a fast instance.\u00a0<\/li>\n<\/ul>\n<figure class=\"wp-block-table\">\n<table class=\"has-white-color has-black-background-color has-text-color has-background\">\n<tbody>\n<tr>\n<td>fashion&gt;<br \/>@media solely display and (max-width: 600px) {<br \/>\u00a0 \u00a0 .responsive-text { font-size: 14px; padding: 10px; }<br \/>}<br \/><strong>fashion<\/strong>&gt;<br \/>p class=\u201dresponsive-text\u201d fashion=\u201dfont-size: 16px; padding: 20px;\u201d&gt;This paragraph is styled for desktop and cell.<strong>p<\/strong>&gt;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n<ul>\n<li>A single-column format scales properly throughout completely different gadgets, that\u2019s why you need to use it for cell.\u00a0<\/li>\n<li>Use bigger fonts and buttons to enhance accessibility and readability on smaller screens. Additionally, thoughts the CTA hit space and their hierarchy; see the ballpark values under \u2b07\ufe0f<\/li>\n<\/ul>\n<ul>\n<li><strong>Gmail<\/strong>: 36 x 48 pixels<\/li>\n<li><strong>Apple Mail<\/strong>: 48 x 48 pixels<\/li>\n<li><strong>Outlook<\/strong>: 26 x 34 pixels\u00a0<\/li>\n<\/ul>\n<h2 id=\":R88:\" class=\"level-2 wp-block-heading\">Wrap-up<\/h2>\n<p>By now, you\u2019re outfitted with all it&#8217;s essential use HTML tags in your emails successfully. And sure, it\u2019s a cautious stability between universally supported tags, your design, and the tags that want some intelligent workarounds.\u00a0<\/p>\n<p>However don\u2019t neglect, your job doesn\u2019t cease when you&#8217;ve gotten a extremely <a href=\"https:\/\/mailtrap.io\/email-builder\/\">accessible and deliverable template<\/a>. It&#8217;s essential to hold testing and refining your method since e mail purchasers will hold evolving.\u00a0<\/p>\n<\/div>\n<iframe data-lazy=\"true\" data-src=\"https:\/\/www.fiverr.com\/gig_widgets?id=U2FsdGVkX18x7XQvttUTrv1oEqmGNGTgvvCUiUoJ\/AP4z\/UyMz8lXGOLpu15jIMxBbTR0gmD5uBoFvhC4KWeALQRp3h\/X\/AwcVD0K8Wj9H\/ZzYKzcCNHosB9oS4SCJJFWiN85P9ICAc4OgCoE\/wHKIY7CDkf2\/DQ1vqGvk4smVe5cRDEmrLPCWi4FC8p40VUhSmWQ5udCm0zoJtorgWv3vbDQw0kKYkwn39ozAnQXDe+YvWMxkLFWA+O3TFwkJvdkIK+\/AUSnRssPKt5WHY0FhNOxnSPcLslEL4G4\/RfP95ve99U+kRnDy3X+KtzdQLY+u935ghON\/o3UE4IMv9oN6JX9RnxzL\/LRcOgnHigxStSGPKsZYtnz8RWNVT\/rOLAibqiWJadC5MYHRbekF3eg6FOGrQGkXYbsn0+a5aovnlLCbLwIqY9fcS17UX8J235iQ6cdmHNbrPeS84CMm34RA==&affiliate_id=1052423&strip_google_tagmanager=true\" loading=\"lazy\" data-with-title=\"true\" class=\"fiverr_nga_frame\" frameborder=\"0\" height=\"350\" width=\"100%\" referrerpolicy=\"no-referrer-when-downgrade\" data-mode=\"random_gigs\" onload=\" var frame = this; var script = document.createElement('script'); script.addEventListener('load', function() { window.FW_SDK.register(frame); }); script.setAttribute('src', 'https:\/\/www.fiverr.com\/gig_widgets\/sdk'); document.body.appendChild(script); \" ><\/iframe>\n<br \/><a href=\"https:\/\/www.getresponse.com\/blog\/supported-html-tags-in-email-clients\">Source link <\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In contrast to internet browsers, e mail purchasers interpret HTML of their distinctive methods, affecting the format, performance, and look of your emails.\u00a0 With this&#8230;<\/p>\n","protected":false},"author":1,"featured_media":62864,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-62863","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tech-universe"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Supported HTML Tags in Common Email Clients - mailinvest.blog<\/title>\n<meta name=\"description\" content=\"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what&#039;s new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mailinvest.blog\/index.php\/2024\/12\/28\/supported-html-tags-in-common-email-clients\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Supported HTML Tags in Common Email Clients - mailinvest.blog\" \/>\n<meta property=\"og:description\" content=\"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what&#039;s new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mailinvest.blog\/index.php\/2024\/12\/28\/supported-html-tags-in-common-email-clients\/\" \/>\n<meta property=\"og:site_name\" content=\"mailinvest.blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/freelanceracademic\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-12-28T01:09:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-28T01:11:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mailinvest.blog\/wp-content\/uploads\/2024\/12\/blog-post-social-sharing-images-2024-12-27t134051.701.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"admin@mailinvest.blog\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin@mailinvest.blog\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2024\\\/12\\\/28\\\/supported-html-tags-in-common-email-clients\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2024\\\/12\\\/28\\\/supported-html-tags-in-common-email-clients\\\/\"},\"author\":{\"name\":\"admin@mailinvest.blog\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#\\\/schema\\\/person\\\/012701c4c204d4e4ebd34f926cfd31a4\"},\"headline\":\"Supported HTML Tags in Common Email Clients\",\"datePublished\":\"2024-12-28T01:09:57+00:00\",\"dateModified\":\"2024-12-28T01:11:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2024\\\/12\\\/28\\\/supported-html-tags-in-common-email-clients\\\/\"},\"wordCount\":2489,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2024\\\/12\\\/28\\\/supported-html-tags-in-common-email-clients\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/blog-post-social-sharing-images-2024-12-27t134051.701.png\",\"articleSection\":[\"Tech Universe\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2024\\\/12\\\/28\\\/supported-html-tags-in-common-email-clients\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2024\\\/12\\\/28\\\/supported-html-tags-in-common-email-clients\\\/\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2024\\\/12\\\/28\\\/supported-html-tags-in-common-email-clients\\\/\",\"name\":\"Supported HTML Tags in Common Email Clients - mailinvest.blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2024\\\/12\\\/28\\\/supported-html-tags-in-common-email-clients\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2024\\\/12\\\/28\\\/supported-html-tags-in-common-email-clients\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/blog-post-social-sharing-images-2024-12-27t134051.701.png\",\"datePublished\":\"2024-12-28T01:09:57+00:00\",\"dateModified\":\"2024-12-28T01:11:20+00:00\",\"description\":\"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what's new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2024\\\/12\\\/28\\\/supported-html-tags-in-common-email-clients\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2024\\\/12\\\/28\\\/supported-html-tags-in-common-email-clients\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2024\\\/12\\\/28\\\/supported-html-tags-in-common-email-clients\\\/#primaryimage\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/blog-post-social-sharing-images-2024-12-27t134051.701.png\",\"contentUrl\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/blog-post-social-sharing-images-2024-12-27t134051.701.png\",\"width\":1280,\"height\":720},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2024\\\/12\\\/28\\\/supported-html-tags-in-common-email-clients\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/mailinvest.blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Supported HTML Tags in Common Email Clients\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#website\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/\",\"name\":\"mailinvest.blog\",\"description\":\"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis. mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what&#039;s new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.\",\"publisher\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/mailinvest.blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#organization\",\"name\":\"mailinvest\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/default.png\",\"contentUrl\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/default.png\",\"width\":1000,\"height\":1000,\"caption\":\"mailinvest\"},\"image\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/freelanceracademic\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#\\\/schema\\\/person\\\/012701c4c204d4e4ebd34f926cfd31a4\",\"name\":\"admin@mailinvest.blog\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g\",\"caption\":\"admin@mailinvest.blog\"},\"sameAs\":[\"https:\\\/\\\/mailinvest.blog\",\"admin@mailinvest.blog\"],\"url\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/author\\\/adminmailinvest-blog\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Supported HTML Tags in Common Email Clients - mailinvest.blog","description":"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what's new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.","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:\/\/mailinvest.blog\/index.php\/2024\/12\/28\/supported-html-tags-in-common-email-clients\/","og_locale":"en_US","og_type":"article","og_title":"Supported HTML Tags in Common Email Clients - mailinvest.blog","og_description":"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what's new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.","og_url":"https:\/\/mailinvest.blog\/index.php\/2024\/12\/28\/supported-html-tags-in-common-email-clients\/","og_site_name":"mailinvest.blog","article_publisher":"https:\/\/www.facebook.com\/freelanceracademic\/","article_published_time":"2024-12-28T01:09:57+00:00","article_modified_time":"2024-12-28T01:11:20+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2024\/12\/blog-post-social-sharing-images-2024-12-27t134051.701.png","type":"image\/png"}],"author":"admin@mailinvest.blog","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin@mailinvest.blog","Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/mailinvest.blog\/index.php\/2024\/12\/28\/supported-html-tags-in-common-email-clients\/#article","isPartOf":{"@id":"https:\/\/mailinvest.blog\/index.php\/2024\/12\/28\/supported-html-tags-in-common-email-clients\/"},"author":{"name":"admin@mailinvest.blog","@id":"https:\/\/mailinvest.blog\/#\/schema\/person\/012701c4c204d4e4ebd34f926cfd31a4"},"headline":"Supported HTML Tags in Common Email Clients","datePublished":"2024-12-28T01:09:57+00:00","dateModified":"2024-12-28T01:11:20+00:00","mainEntityOfPage":{"@id":"https:\/\/mailinvest.blog\/index.php\/2024\/12\/28\/supported-html-tags-in-common-email-clients\/"},"wordCount":2489,"commentCount":0,"publisher":{"@id":"https:\/\/mailinvest.blog\/#organization"},"image":{"@id":"https:\/\/mailinvest.blog\/index.php\/2024\/12\/28\/supported-html-tags-in-common-email-clients\/#primaryimage"},"thumbnailUrl":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2024\/12\/blog-post-social-sharing-images-2024-12-27t134051.701.png","articleSection":["Tech Universe"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/mailinvest.blog\/index.php\/2024\/12\/28\/supported-html-tags-in-common-email-clients\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/mailinvest.blog\/index.php\/2024\/12\/28\/supported-html-tags-in-common-email-clients\/","url":"https:\/\/mailinvest.blog\/index.php\/2024\/12\/28\/supported-html-tags-in-common-email-clients\/","name":"Supported HTML Tags in Common Email Clients - mailinvest.blog","isPartOf":{"@id":"https:\/\/mailinvest.blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mailinvest.blog\/index.php\/2024\/12\/28\/supported-html-tags-in-common-email-clients\/#primaryimage"},"image":{"@id":"https:\/\/mailinvest.blog\/index.php\/2024\/12\/28\/supported-html-tags-in-common-email-clients\/#primaryimage"},"thumbnailUrl":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2024\/12\/blog-post-social-sharing-images-2024-12-27t134051.701.png","datePublished":"2024-12-28T01:09:57+00:00","dateModified":"2024-12-28T01:11:20+00:00","description":"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what's new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.","breadcrumb":{"@id":"https:\/\/mailinvest.blog\/index.php\/2024\/12\/28\/supported-html-tags-in-common-email-clients\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mailinvest.blog\/index.php\/2024\/12\/28\/supported-html-tags-in-common-email-clients\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mailinvest.blog\/index.php\/2024\/12\/28\/supported-html-tags-in-common-email-clients\/#primaryimage","url":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2024\/12\/blog-post-social-sharing-images-2024-12-27t134051.701.png","contentUrl":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2024\/12\/blog-post-social-sharing-images-2024-12-27t134051.701.png","width":1280,"height":720},{"@type":"BreadcrumbList","@id":"https:\/\/mailinvest.blog\/index.php\/2024\/12\/28\/supported-html-tags-in-common-email-clients\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mailinvest.blog\/"},{"@type":"ListItem","position":2,"name":"Supported HTML Tags in Common Email Clients"}]},{"@type":"WebSite","@id":"https:\/\/mailinvest.blog\/#website","url":"https:\/\/mailinvest.blog\/","name":"mailinvest.blog","description":"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis. mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what&#039;s new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.","publisher":{"@id":"https:\/\/mailinvest.blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mailinvest.blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/mailinvest.blog\/#organization","name":"mailinvest","url":"https:\/\/mailinvest.blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mailinvest.blog\/#\/schema\/logo\/image\/","url":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2022\/01\/default.png","contentUrl":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2022\/01\/default.png","width":1000,"height":1000,"caption":"mailinvest"},"image":{"@id":"https:\/\/mailinvest.blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/freelanceracademic\/"]},{"@type":"Person","@id":"https:\/\/mailinvest.blog\/#\/schema\/person\/012701c4c204d4e4ebd34f926cfd31a4","name":"admin@mailinvest.blog","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g","caption":"admin@mailinvest.blog"},"sameAs":["https:\/\/mailinvest.blog","admin@mailinvest.blog"],"url":"https:\/\/mailinvest.blog\/index.php\/author\/adminmailinvest-blog\/"}]}},"_links":{"self":[{"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/posts\/62863","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/comments?post=62863"}],"version-history":[{"count":1,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/posts\/62863\/revisions"}],"predecessor-version":[{"id":62865,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/posts\/62863\/revisions\/62865"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/media\/62864"}],"wp:attachment":[{"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/media?parent=62863"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/categories?post=62863"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/tags?post=62863"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}