5568 sujets

Sémantique web et HTML

Salut à tous,


Je souhaite pouvoir afficher du code, non interprété donc, sur une page web.
Je me suis renseigné, et j'ai trouvé un script js qui permet d'y ajouter une coloration syntaxique, un peu comme on peut le voir sur Alsa. Le plugin: highlightjs.

J'ai donc placé le code que je souhaite non interprété dans des balises <pre> et <code>, comme ceci:

<pre>
<code>
<!DOCTYPE html>
<html>
<head>
<title>Hello World!</title>
</head>

<body>

<script>

alert('Hello world!');

</script>

</body>
</html>
</code>
</pre>

Sauf que ça ne semble pas fonctionner... Le code ne s'affiche pas, l'alert JS est lancée et affiche la boite de dialogue.

Un peu d'aide serait la bienvenue
En plus de <pre> ... </pre> il faut remplacer les < par &lt; et les > par "&gt;" (comme ce forum sait très bien le faire... parfois un peu trop Smiley cligne
Sauf pour la balise <code> </code>
<pre>
<code>
&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Hello World!&lt;/title&gt;
&lt;/head&gt;

&lt;body&gt;

&lt;script&gt;

alert('Hello world!');

&lt;/script&gt;

&lt;/body&gt;
&lt;/html&gt;
</code>
</pre>

Modifié par PapyJP (03 Mar 2015 - 10:58)