<strong>

L'élément HTML <strong> est utilisé afin de donner de l'importance à un texte, cela se traduit généralement par un affichage en gras.

Catégories de contenu Contenu de flux, contenu phrasé, contenu tangible.
Contenu autorisé Contenu phrasé.
Omission de balises Aucune, cet élément doit avoir une balise ouvrante et une balise fermante.
Parents autorisés Tout élément acceptant du contenu phrasé ou tout élément acceptant du contenu de flux.
Rôles ARIA autorisés Tous les rôles sont autorisés.
Interface DOM HTMLElement. Auparavant et jusqu'à Gecko 1.9.2 (Firefox 4) inclus, Firefox implémente l'interface HTMLSpanElement pour cet élément

Attributs

Cet élément inclut uniquement les attributs universels.

Exemples

HTML

<p>
  Avant de faire le truc X il est
  <strong>nécessaire</strong> de 
  faire le truc Y avant.
</p>

Résultat

Quand utiliser <strong> ?

<b> ou <strong> ?

Les développeurs qui débutent se demandent souvent pourquoi il y a autant de manières pour s'exprimer alors que cela aura le même rendu final. Les éléments bold (<b>) et <strong> sont peut-être les plus difficiles à distinguer. Il est vrai que taper <b> </b> est beaucoup plus rapide et permet d'arriver exactement au même résultat…

Sauf que ce n'est pas le même résultat ! <strong> représente une logique (apporte une différence sémantique), alors que <bold> ne représente qu'une mise en forme (l'apparence). Séparer la forme de la sémantique est important et permet éventuellement de représenter cette même sémantique d'une certaine manière, que ce soit en gras, en rouge, souligné ou encore avec une autre taille de police. Changer le style (la présentation) de <strong> est pertinent, contrairement à <b>. <b> représente un élément de présentation et représente du texte en gras, changer son style pour que le texte apparaisse en autre chose qu'en gras serait illogique et source de confusions.

Il est important de savoir que <b></b> ne doit pas être utilisé, à part dans le cas où l'on souhaite attirer l'attention du lecteur sans pour autant augmenter l'importance du texte.

<em> ou <strong> ?

En HTML 4, <strong> indiquait simplement une emphase plus forte. En HTML5, l'élément représente une « importance forte » de son contenu. Il est important de faire la différence. L'emphase (<em> étant l'élément HTML équivalent) permet de changer le sens d'une phrase : par exemple :  « J'adore les licornes » et « J'adore les licornes ». <strong> est utilisé pour augmenter l'importance de certaines portions de phrases : « Attention ! C'est très dangereux ».  <strong> et <em> peuvent être imbriqués pour augmenter relativement l'importance ou l'emphase d'un texte.

Spécifications

Spécification État Commentaires
WHATWG HTML Living Standard
La définition de '<strong>' dans cette spécification.
Standard évolutif  
HTML5
La définition de '<strong>' dans cette spécification.
Recommendation  
HTML 4.01 Specification
La définition de '<strong>' dans cette spécification.
Recommendation  

Compatibilité des navigateurs

Fonctionnalité Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Support simple 1.0 (Oui) (Oui) (Oui) (Oui) (Oui)
Fonctionnalité Android Edge Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Support simple (Oui) (Oui) (Oui) (Oui) (Oui) (Oui)

Voir aussi

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : emmanuelclement, SphinxKnight, tregagnon
 Dernière mise à jour par : emmanuelclement,