Liens en vrac

Au lieu d’avoir deux balises <meta> l’une pour OpenGraph et l’autre pour Twitter Cards, on peut tout regrouper dans une seule et même balise <meta>.

<meta property="og:image" name="twitter:image" content="https://www.devenet.eu/links/assets/links.png">

Gabarit HTML modèle de Declan Chidlow.

Il existe des éléments natifs HTML pour faire de l’autocomplétion, une boîte de dialogue, etc.

« Nous prenons en compte seulement les clients Apple Mail, Gmail et Outlook qui couvre ainsi 90 % des lecteurs de mails dans le monde. Nous utiliserons des règles CSS/HTML supportés à minima part 70 % de tout les clients mails. »

Plus besoin d’utiliser des <table>, les <div> sont bien supportées. Les styles sont préférablement en “inline”, car en cas de transfert le <style> est supprimé.

Où j’apprends ces nouveaux éléments HTML :
— <details> : https://developer.mozilla.org/fr/docs/Web/HTML/Element/details
— <datalist> : https://developer.mozilla.org/fr/docs/Web/HTML/Element/datalist

Document qui a pour but de présenter plusieurs principes que vous pouvez appliquer pour coder des e‑mails HTML. Chaque recommandation est objectivement justifiée pour se conformer aux clients de messagerie modernes, et se dégrader gracieusement ailleurs.

Petite astuce pour faire un callback PNG quand le navigateur n’est pas capable d’interpréter le SVG.
<img src="logo.svg" onerror="this.src = 'logo.png';" alt="logo" width="140" height="140"/>