3.3 Sémantique en ligne – Inline

Les petites parties dans un bloc de texte

Pour les mots importants, utilisez la balise <strong> :

<p>
  C'est <strong>important</ strong> mais ce n'est pas le cas.
</p>

Par défaut, les éléments <strong> sont affichés en gras, mais gardez à l’esprit que ce n’est que le comportement par défaut du navigateur.
N’utilisez pas <strong> uniquement pour mettre du texte en gras, mais pour lui donner plus d’importance.

Accentuation – Emphasis

Pour les mots accentués, utilisez la balise <em> :

<p>
  Ceci est <em>mis en évidence</em> mais ce n'est pas le cas.
</p>

Par défaut, les éléments <em> sont affichés en italique, mais gardez à l’esprit qu’il s’agit uniquement du comportement par défaut du navigateur.
N’utilisez pas <em> uniquement pour mettre du texte en italique, mais plutôt pour « l’accentuer ».

Abréviations – Abbreviations

Des abréviations telles que W3C ou CD peuvent utiliser l’élément <abbr>. Vous pouvez ajouter un attribut title pour spécifier la description de l’abréviation, qui apparaîtra au survol de l’élément :

<p>
  Je viens d'acheter un <abbr title="Disque compact">CD</abbr>.
</p>

Citations en ligne – Inline quotes

L’élément <blockquote> est un élément de niveau bloc. Il a une version intégrée inline : <q> :

<p>
  Il a dit <q> "Bonjour le monde" </q> et vient de partir.
</p>

Other inline elements

Il existe de nombreux autres éléments sémantiques en ligne – inline parmi lesquels choisir, mais nous avons couvert les plus courants.

Article précédent3.2 Texte HTML
Article suivant3.4 Liens HTML