Médiaforma

Surlignez vos textes avec l’élément mark

Print Friendly

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.

Vous avez aimé cet article ? Partagez-le avec vos réseaux...
 
Comments

No comments yet.

Leave a Reply