Pourquoi convertir du HTML en Markdown
Le HTML est verbeux et pénible à éditer à la main, alors que le Markdown se lit presque comme du texte brut. Passer au Markdown facilite le suivi dans Git, l'édition dans des applis comme Obsidian ou la publication avec des générateurs de sites statiques comme Hugo, Jekyll, Astro et Docusaurus.
Ce convertisseur utilise Turndown, une bibliothèque éprouvée de conversion HTML vers Markdown, avec des réglages sensés : titres avec #, blocs de code délimités, puces en tiret et emphase avec astérisques. Il convertit aussi les tableaux au format GitHub et supprime scripts, styles et cadres intégrés : vous obtenez le contenu, pas la plomberie de la page.
HTML ou Markdown : comparaison rapide
| Caractéristique | HTML | Markdown |
|---|---|---|
| Nom complet | HyperText Markup Language | Markdown |
| Type | Document de balisage pour le web | Langage de balisage léger en texte brut |
| Création | 1991 | 2004 |
| Créé par | Tim Berners-Lee ; maintenu aujourd'hui par le WHATWG | John Gruber avec Aaron Swartz ; spécification CommonMark depuis 2014 |
| Mise en forme | Structure complète, liens et médias, stylés en CSS | Titres, listes, liens, emphase, code et tableaux |
| Pages | Une page continue qui s'adapte | Aucune notion de page |
| Idéal pour | Pages web et e-mails enrichis | README, documentation, notes et sites statiques |
| Compatibilité | Tous les navigateurs | GitHub, GitLab, applis de notes et générateurs de sites statiques |
| Type MIME | text/html | text/markdown |
Comment convertir du HTML en Markdown
Étape 1: Récupérez le fichier HTML
Enregistrez une page web en .html, exportez un e-mail ou un article de CMS, ou placez un extrait dans un fichier .html.
Étape 2: Déposez-le dans le convertisseur
Le fichier est analysé par le parseur HTML de votre navigateur.
Étape 3: Convertissez en Markdown
L'en-tête, les scripts et les styles sont retirés, puis le body est converti élément par élément.
Étape 4: Téléchargez le fichier .md
Ouvrez-le dans votre éditeur ou ajoutez-le à votre dépôt.
Ce qui est converti
Structure
Titres, paragraphes, listes, citations et séparateurs horizontaux.
Mise en forme en ligne
Gras, italique, code en ligne, liens, images et texte barré.
Blocs de code
Les éléments pre et code deviennent des blocs de code délimités.
Tableaux
Les tableaux HTML deviennent des tableaux à barres GitHub.
Conversions HTML vers Markdown courantes
Migrer un blog. Déplacez vos articles de WordPress ou d'un autre CMS vers un site basé sur le Markdown.
Sauvegarder des articles dans vos notes. Conservez des copies lisibles de pages web dans Obsidian ou Logseq.
Rédiger de la documentation. Transformez d'anciennes pages d'aide HTML en documentation versionnée.
Préparer du texte pour l'IA. Le Markdown garde la structure tout en éliminant le bruit du HTML.
Ce qui est retiré ou simplifié
Le Markdown ne connaît ni mise en page, ni couleurs, ni classes : le style disparaît. Scripts, feuilles de style, blocs noscript, templates, iframes et tout le contenu du head sont entièrement supprimés. Les menus et pieds de page qui font partie du body apparaissent toujours ; pour une page web, vous voudrez peut-être les retirer ensuite.
Les tableaux complexes avec cellules fusionnées ne peuvent pas être représentés en tableaux à barres. Leur contenu est conservé cellule par cellule, mais la fusion est aplatie.
Liens et images
Les liens sont écrits sous la forme [texte](url) et les images sous la forme , avec les URL exactement telles qu'elles figurent dans le HTML. Les URL relatives comme /images/photo.jpg restent relatives et ne fonctionnent que si le Markdown vit dans un site à la même structure.
Les caractères qui ont un sens en Markdown, comme les astérisques et les tirets bas dans le texte, sont échappés par une barre oblique inverse pour que le document s'affiche comme l'original.
- Les URL absolues fonctionnent partout.
- Les URL relatives exigent la même arborescence.
- Le texte alternatif est conservé pour l'accessibilité.
Conseils pour un Markdown propre
- Enregistrez seulement la partie article d'une page quand c'est possible ; le mode lecture du navigateur aide.
- Faites un rechercher-remplacer des restes de navigation après la conversion d'une page complète.
- Vérifiez les tableaux à cellules fusionnées et reconstruisez-les à la main si nécessaire.
- Utilisez plutôt HTML vers TXT si vous ne voulez que les mots, sans balisage.
Questions sur la conversion HTML en Markdown
Quel style de Markdown est produit ?
Titres ATX (#), blocs de code délimités, listes à tirets, emphase en astérisques et tableaux à barres façon GitHub.
Les styles CSS sont-ils conservés ?
Non. Le Markdown ne peut pas exprimer de style : classes, styles en ligne et feuilles de style sont supprimés.
Les tableaux sont-ils gérés ?
Oui, les tableaux simples deviennent des tableaux à barres. Les cellules fusionnées sont aplaties.
Et le JavaScript de la page ?
Les balises script sont supprimées et jamais exécutées.
Puis-je convertir une URL directement ?
Pas directement. Enregistrez d'abord la page en fichier .html depuis votre navigateur, puis convertissez le fichier.
Le HTML est-il envoyé ?
Non. L'analyse et la conversion ont lieu dans votre navigateur.