H1

Éléments HTML et XHTML

Dans tous les agents navigateurs, en l'absence de règles de styles explicites, la taille de ces éléments est relative au réglage des préférences du logiciel de navigation. Dans la plupart des logiciels de navigation, la taille de référence par défaut — indiquée ici dans le tableau sur fond MARRON — est souvent prédéterminé à 16px pour une résolution d'affichage à l'écran de 96 ppp (points par pouce). On peut en général modifier ce réglage de façon permanente dans les Préférences du logiciel ou de façon temporaire, généralement dans le menu Affichage ou par raccourci au clavier.

Les valeurs proportionnelles des éléments (X)HTML sont déterminés par le DOM (Document Object Model) du logiciel de navigation qui constitue en quelque sorte la feuille de style interne ou feuille de style implicite de l'agent navigateur. Voir un exemple de feuille de style implicite recommandée par le W3C pour les agents navigateurs : Un exemple de feuille de style pour HTML 4.0.

<FONT size="n">

L’élément FONT est considéré obsolète et ne fait plus partie des spécifications du HTML 4.01 et du XHTML. Il est indiqué ici à titre comparatif. Il est fortement recommandé de ne plus utiliser l’élément FONT.

<H1> <H2> <H3> <H4> <H5> <H6>

Ces éléments de type TITRE sont généralement prédéterminés en valeurs relatives à la taille de référence, dont les valeurs recommandées sont la plupart du temps, indiquées en em (cadratin). Les valeurs recommandées sont en général respectées par tous les logiciels de navigation modernes.

<big>, <small>

Ces éléments de type EN LIGNE sont eux aussi prédéterminés en valeurs relatives à la taille de référence, en em (cadratin)

Utilitaires

Pour vérifier le calcul du corps exact (converti en pixels) effectué par votre logiciel de navigation, vous pouvez glisser le favelet suivant dans la barre de raccourci de votre logiciel de navigation et cliquer sur le raccourci ; une petite fenêtre s’ouvrira et vous n'avez qu’à pointer sur le texte dont vous désirez obtenir des informations. Pour une utilisation temporaire, vous pouvez aussi cliquer directement sur le lien suivant (dans certaines circonstances, la fenêtre peut s’ouvrir en arrière plan ; faites-la simplement revenir en avant plan) :

Calcul du rendu CSS. [Fonctionne dans IE6/Win, IE5/Mac, et Firefox/Mozilla/Netscape].

MODE D’EMPLOI : Inscrivez le nom de la propriété et déplacer votre curseur dans la page du document actif. La plupart des navigateurs utilisent le nom des propriétés CSS, d'autres, utilisent le nom des propriétés DOM. Observez le nom prédifini de la taille des caractères : si vous voyez font-size, utilisez des noms de propriété CSS (font-family, margin-left, border-style-left, etc.), si vous voyez fontSize, vous devez utiliser des noms de propriété DOM (fontFamily, marginLeft, borderStyleLeft, etc.).