HEAD VS caniemail

Where OG = Open Graph. There is a standard spec to follow here: ogp.me, but some sites (namely Twitter) require additional elements for more detailed previews. See htmlhead.dev for more info.

HTML Head is a simple guide to HTML elements. Know everything about how to use links, meta, and other tags within seconds with this comprehensive guide.

1. Html Head

Check the meta tag for the graph https://htmlhead.dev/

Can I email? (https://www.caniemail.com/) by Tilt Studio Yes you can unless you won't.

Another client to test for is Google Mail, which can be done with a Gmail.com account. And Apple Mail, on any Apple device. Apple Mail provides the best email rendering so you don't even really need to worry about it much if you're covering the other two. But these three make up the main ones you should test for. And for checking compatibility of specific code, caniemail.com is an essential tool to use.

To our dismay, major platforms like Gmail do not support flexbox align-items, and there are no plans to include support for SVG (and don't get me started with outlook's desktop app, where even basic styles go very wrong). You can refer to an illustrative guide of what you can or can't do across email providers on Caniemail.

Check out https://www.caniemail.com to see what tags are supported and the email client options to watch for.

Be careful when using CSS, some properties like flex ⚠️ are not supported by all email clients. You can check this website to see which properties are supported by which email clients. Another solution is to use a CSS framework that will do the hard compatibility work for you. I use MJML, in my in-depth article about SES, I explain how to use it to create responsive emails.

Go ahead and bookmark caniemail.com. You’ll use it constantly.