2010-09-25 4 views
4

Je me demandais s'il y avait un tag qui met automatiquement en surbrillance la syntaxe de HTML et/ou PHP en HTML5. J'écris un guide qui contient du code. Depuis que j'utilise beaucoup de nouvelles balises html5 (j'utilise la section pour le contour de mon guide), je voudrais utiliser quelque chose en html5 natif.Balise HTML5 pour afficher la coloration syntaxique

Si cela n'existe pas, quelle est la meilleure façon de procéder? (Comme, PHP et CSS?)

Répondre

8

Il n'y a rien comme ça en HTML5, j'ai peur, mais vous pouvez toujours utiliser highlight_string() de PHP. Si vous voulez quelque chose uniquement sur le côté client, essayez un surligneur JS comme Prettify, qui est ce que StackOverflow utilise pour leur mise en évidence de code:

http://code.google.com/p/google-code-prettify/

Voici quelques autres:

+0

Merci, Prettify l'air vraiment cool! Editer: et SyntaxHighlighter est encore plus cool –

2

HTML5 , comme toutes les autres versions de HTML, sert à définir le contenu et la structure. Vous notez des blocs de code en utilisant <pre>, <code>, etc, mais vous n'utilisez pas le HTML pour indiquer au navigateur quel quelque chose devrait ressembler à, donc il n'y a pas un tel élément pour indiquer au navigateur de mettre en surbrillance un bloc de code. La mise en évidence de la syntaxe, donc, relèverait du domaine du style, de la décoration, etc., qui est géré par CSS. As suggested by NullUserException (quelques bons liens là-bas!), Vous pouvez utiliser un surligneur de syntaxe JavaScript pour mettre en évidence le code du côté client (comme ici sur Stack Overflow), ou le faire du côté serveur et sortir des blocs de code HTML le langage côté serveur.

Questions connexes