Convertir HTML a Markdown

Convierte HTML en Markdown ordenado para documentación, notas y sitios estáticos. Las tablas pasan a tablas de barras al estilo GitHub y la conversión es local.

Suelta tu archivo aquí o elige uno

Imágenes, documentos, hojas de cálculo, archivos de datos y subtítulos. Tu archivo no sale de tu dispositivo.

Tu archivo se convierte en este dispositivo y nunca se sube a ningún servidor.

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

Principales diferencias entre los formatos HTML y Markdown
CaracterísticaHTMLMarkdown
Nombre completoHyperText Markup LanguageMarkdown
TipoDocumento de marcado para la webLenguaje de marcado ligero en texto plano
Año de creación19912004
Creado porTim Berners-Lee; hoy lo mantiene el WHATWGJohn Gruber con Aaron Swartz; especificación CommonMark desde 2014
Formato del textoEstructura completa, enlaces y multimedia, con estilos CSSEncabezados, listas, enlaces, énfasis, código y tablas
PáginasUna página continua que se adaptaSin concepto de página
Ideal paraPáginas web y correos enriquecidosREADMEs, documentación, notas y sitios estáticos
CompatibilidadTodos los navegadoresGitHub, GitLab, apps de notas y generadores de sitios estáticos
Tipo MIMEtext/htmltext/markdown

Cómo convertir HTML a Markdown

  1. 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.

  2. Paso 2: Suéltalo en el conversor

    El archivo lo analiza el propio analizador HTML de tu navegador.

  3. Paso 3: Convierte a Markdown

    Se eliminan la cabecera, los scripts y los estilos, y el body se convierte elemento a elemento.

  4. 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 ![alt](src), 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.

Conversiones relacionadas