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 < et >. 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.