Pourquoi on en peut pas surligner une ligne de code encapsulé ?

Bonjour à vous tous,

Voici du code HTML encapsulé pour recevoir la coloration syntaxique avec la bibliothèque https://highlightjs.org

<pre><code class="language-html">&lt;!DOCTYPE html&gt;
&lt;html lang="fr"&gt;
&lt;head&gt;
   &lt;meta charset="UTF-8"&gt;
   &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
   &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
   &lt;link rel="stylesheet" href="styles.css"&gt;
   &lt;title&gt;Titre de la page web&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;input id="searchbox"
           role="combobox"
           aria-activedescendant="option-2"
           aria-owns="listbox"
           aria-haspopup="listbox"&gt;
    &lt;ul id="listbox" role="listbox"&gt;
        &lt;li id="option-1" role="option"&gt;Pomme&lt;/li&gt;
        &lt;li id="option-2" role="option"&gt;Poire&lt;/li&gt; &lt;!-- actif --&gt;
        &lt;li id="option-3" role="option"&gt;Banane&lt;/li&gt;
    &lt;/ul&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

Je voudrais maintenant surligner une ligne du code de cette manière :



Mais ce n'est pas possible, ce que vous voyez ci-dessus est simplement une sélection à la souris puis une capture écran. J'ai essayé en ajoutant la balise <mark> et </mark>, encapsulant la ligne aria-activedescendant="option-2" mais ça ne fonctionne pas, parce que chaque ligne est considérée comme du texte brut et aucune balise ne peut être exécutée.

J'ai soumis le problème à ChatGPT et il ne trouve pas de résultat.
Confirmez-vous qu'il n'y a pas de solution ?

Que le code soit avec vous
Modifié par ObiJuanKenobi (02 Mar 2026 - 08:24)