Médiaforma

Surlignez vos textes avec l’élément mark

Partagez cet article sur vos réseaux

L’élément mark est une des nouveautés du langage HTML5. Il permet de surligner des blocs de texte en jaune. Très simple à utiliser : il suffit d’encadrer le texte à surligner par les balises <mark> et </mark>.

Cet exemple est très simple mais néanmoins intéressant. Il montre comment surligner plusieurs blocs de texte dont certains contiennent les balises <mark> et </mark> :

Voyons le code utilisé :

Ligne 9, les mots mark et en jaune sont entourés de balises <mark> et </mark> pour provoquer le surlignement.

Ligne 10, nous avons utilisé une astuce pour surligner les balises <mark> et </mark>. En effet, si nous avions écrit ceci :

<mark><mark></mark>
et
<mark></mark></mark>

Le navigateur n’aurait pas été en mesure d’interpréter ce code. Pour contourner le problème, nous avons remplacé les signes “<” et “>” par les entités &lt; et &gt;. Ces noms peuvent vous paraître étranges. Il s’agit d’abréviations anglaises : lt signifie less than (c’est-à-dire inférieur à) et gt greater than (c’est-à-dire supérieur à). En utilisant des entités à la place des caractères “<” et “>“, le résultat est bien conforme à ce qui était attendu.

 
Commentaires

Aucun commentaire pour l'instant.

Laissez un commentaire