Comment afficher la balise <div> littéralement dans la balise <code>/<pre> ?

Question

J'utilise <code> à l'intérieur d'une balise <pre> pour afficher le code sur mon blog blogger. Malheureusement, cela ne fonctionne pas avec les balises HTML. Existe-t-il un moyen d'afficher " <div> "à l'intérieur de <pre> o <code> sans l'interpréter comme du HTML ? C'est ce que je fais actuellement :

<pre>
 <code>
 .class {        
   color:red;
 }
 // I would like HTML code inside this
 </code>
</pre>

Ce qui fonctionne bien pour tout sauf pour HTML. Une idée sur la manière d'y parvenir ? Je vous remercie.

Answer 1

Malheureusement, il ne fonctionne pas avec les balises HTML.

<code> signifie "Ceci est un code", <pre> signifie "L'espace blanc dans ce balisage est important". Ni l'un ni l'autre ne signifie "Le contenu de cet élément ne doit pas être traité comme du HTML", de sorte que les deux fonctionnent parfaitement, même s'ils ne signifient pas ce que vous voulez qu'ils signifient.

Existe-t-il un moyen d'afficher " <div> "à l'intérieur de <pre> o <code> sans l'interpréter comme du HTML ?

Si vous voulez rendre un < puis utiliser le caractère < , avec > para > y & para & .

Il n'est pas possible (en HTML moderne) d'écrire des balises et de les faire interpréter comme du texte.

Answer 2

Il semble qu'un textarea en lecture seule fasse à peu près ce que vous voulez.

<textarea readonly> <!-- html code --> </textarea>

Answer 3

Vous pouvez utiliser l'élément "xmp". L'élément <xmp></xmp> est présent dans HTML depuis le début et est pris en charge par tous les navigateurs. Même s'il ne devrait pas être utilisé, il est largement supporté.

Tout ce qui est à l'intérieur <xmp></xmp> est pris tel quel (aucune balise comme les balises ou les références de caractères n'y est reconnue) sauf, pour une raison apparente, la balise de fin de l'élément lui-même.

Sinon, "xmp" est rendu comme "pre".

Answer 4

Essayez :

<xmp></xmp>

par exemple :

<pre>
     <xmp><!-- your html code --></xmp>
</pre>

au revoir

Answer 5

Il suffit d'échapper aux balises HTML. Par exemple -

Remplacer < con <

Remplacer > con >

Recherche complète aquí