GUIDE Unifies Inclusive Design Essentials

Marquer l'intention

Renforcer du texte

La balise <strong> indique que le texte a une importance particulière ou un certain sérieux voire un caractère urgent.

La balise <em> est utilisé afin de marquer un texte sur lequel on veut insister.

La balise <mark> représente un texte marqué ou surligné à cause de sa pertinence dans le contexte. Il peut par exemple être utilisé afin d’indiquer les correspondances d’un mot-clé recherché au sein d’un document.

La balise <b> permet elle d’attirer l’attention du lecteur sur un contenu qui n’a pas, pour autant, d’importance significative. <b> est habituellement utilisé pour les mots-clés dans les résumés, les noms de produits dans des tests (sans que ceux-ci aient une importance particulière).

<p>Il faut faire <strong>très attention</strong> C'est fort !</p>
<p>Et il faut le faire <em>dés maintenant</em> J'insiste.</p>
<p>Vous recherchiez "Incaya":</p>
<ul><li><mark>Incaya</mark> est une scop.</li></ul>
<p>Donc pour conclure, <b>Incaya</b> est une <b>scop</b>.</p>

Il faut faire très attention C'est fort !

Et il faut le faire dés maintenant J'insiste.

Vous recherchiez "Incaya":

Donc pour conclure, Incaya est une scop.


Remarque

Il ne faut pas confondre l’élément <b> avec les éléments <strong>, <em>, ou <mark>. L’élément <strong> représente un texte d’une certaine importance, <em> met une emphase sur le texte et <mark> représente un texte avec une certaine pertinence. L’élément <b> ne porte aucune information sémantique particulière ; utilisez-le lorsque qu’aucun autre ne convient.

Barrer du texte

La balise <s> permet d’afficher du texte qui est barré car il n’est plus pertinent ou car il est obsolète.

La balise <del> représente une portion de texte ayant été supprimée d’un document. (<ins> au contraire marque du texte ajouté).

<p><s>Mettre à jour les serveurs.</s> <b>FAIT</b>.</p>
<p>Mon tailleur <del>est</del> <ins>riche</ins>.</p>

Mettre à jour les serveurs. FAIT.

Mon tailleur est riche.


La balise <i>

Elle représente un morceau de texte qui se différencie du texte principal.

J'aime cet album <i>Yellow Shark</i>.

J'aime cet album Yellow Shark.

La balise <small>

Elle permet de représenter des commentaires ou des textes à écrire en petits caractères (des termes d’un contrat, des mentions relatives au droit d’auteur, etc.) quelle que soit la présentation.

<p>Ah, et bien c'est <small>petit ça</small> !</p>

Ah, et bien c'est petit ça !


La balise <u>

Elle permet d’afficher un fragment de texte qui est annoté avec des éléments non textuels.

Étant seulement un élément de mise en forme, l’élément a été déprécié en HTML 4 et XHTML 1. Il a été ré-introduit en HTML5 avec une autre signification : le contenu de l’élément est annoté avec une annotation non-textuelle.

<p>Je note une <u>fote</u> dans cette phrase.</p>

Je note une fote dans cette phrase.