Por qué convertir HTML a Markdown
El HTML es extenso y difícil de editar a mano, mientras que el Markdown se lee casi como texto plano. Pasar el contenido a Markdown facilita guardarlo en Git, editarlo en apps de notas como Obsidian o publicarlo con generadores de sitios estáticos como Hugo, Jekyll, Astro y Docusaurus.
Este conversor usa Turndown, una biblioteca madura de conversión de HTML a Markdown, con ajustes sensatos: títulos con #, bloques de código delimitados, viñetas con guion y énfasis con asteriscos. También convierte las tablas al formato de GitHub y elimina scripts, estilos y marcos incrustados, para que obtengas el contenido y no la fontanería de la página.
HTML frente a Markdown: comparación rápida
| Característica | HTML | Markdown |
|---|---|---|
| Nombre completo | HyperText Markup Language | Markdown |
| Tipo | Documento de marcado para la web | Lenguaje de marcado ligero en texto plano |
| Año de creación | 1991 | 2004 |
| Creado por | Tim Berners-Lee; hoy lo mantiene el WHATWG | John Gruber con Aaron Swartz; especificación CommonMark desde 2014 |
| Formato del texto | Estructura completa, enlaces y multimedia, con estilos CSS | Encabezados, listas, enlaces, énfasis, código y tablas |
| Páginas | Una página continua que se adapta | Sin concepto de página |
| Ideal para | Páginas web y correos enriquecidos | READMEs, documentación, notas y sitios estáticos |
| Compatibilidad | Todos los navegadores | GitHub, GitLab, apps de notas y generadores de sitios estáticos |
| Tipo MIME | text/html | text/markdown |
Cómo convertir HTML a Markdown
Paso 1: Consigue el archivo HTML
Guarda una página web como .html, exporta un correo o una entrada del CMS, o guarda un fragmento en un archivo .html.
Paso 2: Suéltalo en el conversor
El archivo lo analiza el propio analizador HTML de tu navegador.
Paso 3: Convierte a Markdown
Se eliminan la cabecera, los scripts y los estilos, y el body se convierte elemento a elemento.
Paso 4: Descarga el archivo .md
Ábrelo en tu editor o súbelo a tu repositorio.
Qué se convierte
Estructura
Títulos, párrafos, listas, citas y separadores horizontales.
Formato en línea
Negrita, cursiva, código en línea, enlaces, imágenes y tachado.
Bloques de código
Los elementos pre y code pasan a bloques de código delimitados.
Tablas
Las tablas HTML pasan a tablas de barras de GitHub.
Conversiones de HTML a Markdown habituales
Migrar un blog. Lleva tus entradas de WordPress u otro CMS a un sitio basado en Markdown.
Guardar artículos en tus notas. Conserva copias legibles de páginas web en Obsidian o Logseq.
Escribir documentación. Convierte páginas de ayuda HTML antiguas en documentación versionada.
Preparar texto para IA. El Markdown conserva la estructura y elimina el ruido del HTML.
Qué se elimina o se simplifica
Markdown no tiene maquetación, colores ni clases, así que el estilo desaparece. Scripts, hojas de estilo, bloques noscript, plantillas, iframes y todo el contenido del head se eliminan por completo. Los menús de navegación y pies que forman parte del body seguirán apareciendo, así que en páginas web quizá quieras recortarlos después.
Las tablas complejas con celdas combinadas no pueden representarse con tablas de barras. Su contenido se conserva celda a celda, pero la combinación se aplana.
Enlaces e imágenes
Los enlaces se escriben como [texto](url) y las imágenes como , con las URL exactamente como aparecen en el HTML. Las URL relativas como /images/foto.jpg siguen siendo relativas, así que solo funcionan si el Markdown vive en un sitio con la misma estructura.
Los caracteres con significado en Markdown, como asteriscos y guiones bajos en el texto normal, se escapan con barras invertidas para que el documento se vea como el original.
- Las URL absolutas funcionan en cualquier sitio.
- Las URL relativas necesitan la misma estructura de carpetas.
- El texto alternativo se conserva por accesibilidad.
Consejos para obtener Markdown limpio
- Guarda solo la parte del artículo cuando puedas; el modo lectura del navegador ayuda.
- Busca y reemplaza los restos de navegación después de convertir páginas completas.
- Revisa las tablas con celdas combinadas y rehazlas a mano si hace falta.
- Usa HTML a TXT si solo quieres las palabras sin ningún marcado.
Preguntas sobre la conversión de HTML a Markdown
¿Qué estilo de Markdown se genera?
Títulos ATX (#), bloques de código delimitados, listas con guion, énfasis con asteriscos y tablas de barras al estilo GitHub.
¿Se conservan los estilos CSS?
No. Markdown no puede expresar estilos, así que se eliminan clases, estilos en línea y hojas de estilo.
¿Maneja tablas?
Sí, las tablas sencillas pasan a tablas de barras. Las celdas combinadas se aplanan.
¿Y el JavaScript de la página?
Las etiquetas script se eliminan y nunca se ejecutan.
¿Puedo convertir una URL directamente?
No directamente. Guarda antes la página como archivo .html en tu navegador y convierte ese archivo.
¿Se sube el HTML?
No. El análisis y la conversión se hacen en tu navegador.