HTML plutôt que Markdown : pourquoi Claude change la donne
Pourquoi ça compte pour toi
Pendant des années, tu as probablement demandé du Markdown à GPT-4 par économie de tokens. Claude change la partie : avec HTML, il peut injecter des diagrammes SVG, des widgets interactifs, des mises en couleur conditionnelles. Pour un créateur ou un dev qui demande à l'IA d'expliquer du code complexe, de concevoir une doc technique, ou de te faire relire une PR, c'est un saut qualitatif concret.
Ce qu'il faut retenir
- 1.Le Markdown était un compromis économique (limite de 8k tokens). Claude a levé ce frein.
- 2.HTML permet SVG intégrés, CSS, JavaScript : tu peux colorier par sévérité, zoomer, naviguer.
- 3.Format testé sur du code réel : explication d'une faille Linux, rendue interactive et lisible.
Tu galères avec le jargon ?
Lis la version réécrite en mode débutant — toutes les idées, sans le jargon.
Pourquoi HTML n'était pas le réflexe
Depuis l'époque de GPT-4 avec son plafond de 8 192 tokens, les dev et créateurs ont pris l'habitude de dire « donne-moi ça en Markdown ». Raison simple : Markdown compresse mieux. Chaque octet compte quand tu paies au token.
Claude a changé l'équation. Limite de tokens étendue, coût moins pénalisant. Du coup, forcer du Markdown par économie devient un réflexe obsolète.
Ce que tu gagnes avec du HTML
Diagrammes SVG embarqués
Pas de lien externe, pas de capture d'écran. Le diagramme vit dans la page, tu peux le copier, le modifier.
Mise en forme sémantique
Couleurs par sévérité (erreur = rouge, avertissement = orange, info = bleu). Navigation interne (table des matières cliquable). Mise en forme au service de la compréhension.
Code annoté inline
Quand Claude t'explique un diff ou une faille, il peut placer les commentaires directement dans le flux HTML, avec des marginalia colorées, plutôt que du texte brut laborieux.
Widgets interactifs
Accordéons, onglets, copie de code en un clic, recherche dans la page. Tout ça vit nativement en HTML.
Exemple concret : expliquer une faille
Simon Willison (le gars qui rapporte ça) a testé sur copy.fail, une faille Linux récente. Il a lancé :
curl https://copy.fail/exp | llm -m gpt-5.5 -s 'Explain this code in detail.
Reformat it, expand out any confusing bits and go deep into what it does
and how it works. Output HTML, neatly styled and using capabilities of HTML
and CSS and JavaScript to make the explanation rich and interactive and as
clear as possible'
Résultat : une page HTML autonome, stylée, navigable. Pas un mur de texte Markdown.
La transition à faire
Tu utilises Claude pour relire une PR ? Demande du HTML.
Tu lui fais expliquer une archi technique ? HTML.
Documentation interne qu'un client doit digérer ? HTML.
Markdown reste utile (blog, notes rapides, chat). Mais dès que tu veux de la clarté visuelle, du contexte riche, de la navigation, bascule à HTML.
L'astuce : mentionne explicitement dans le prompt ce que tu veux voir : « color-code by severity », « add SVG diagrams », « make it interactive ». Claude comprendra.
Et concrètement pour toi ?
Choisis ton profil — la lecture de l'article change selon qui tu es.
Pour toi, c'est le signe que l'IA se spécialise : Claude ne cherche plus juste à écrire du texte, mais à structurer l'information de façon qu'on la consomme mieux. HTML est le point d'inflexion où l'IA quitte la prose pour devenir un outil de design.
Essayer maintenant
Tester avec Claude en demandant du HTML →Source
Pour aller plus loin
Cet article t'a donné envie d'approfondir ? Deux formations Noésis t'attendent :
Explorer les thèmes de cet article :