<!doctype>

Le 1er élément du code HTML d'un email. Il ne s'agit pas à proprement parler d'une balise mais d'une instruction dédiée au navigateur quant à la version HTML dans laquelle le code est écrit.

Il existe plusieurs déclarations possibles.

HTML 5 : <!DOCTYPE HTML>
HTML 4.01 Strict : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 Transitional : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
HTML 4.01 Frameset : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
XHTML 1.0 Strict : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML 1.0 Transitional : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML 1.0 Frameset : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
XHTML 1.1 : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

Sans Doctype, nous passons en "Quirks Mode". Avec un Doctype, nous passons en "Standards Mode". Selon la déclaration, des différences d'interprétation de code peuvent apparaître sur certains webmails. Par exemple, en "Quirks Mode", les noms de classes et identifiants en CSS ne sont pas sensibles à la casse. Les trois sélecteurs suivants sont équivalents en "Quirks Mode", mais pas en "Standards Mode".

.foo {background:blue;}
.Foo {background:white;}
.foO {background:red;}

Il faut distinguer plusieurs types de clients mails :

Conseils

Nous recommandons d'utiliser le doctype HTML5. Il suffit à déclencher le "Standards Mode" dans les clients mails concernés.

<!DOCTYPE HTML>

Une question ?