Cómo resaltar texto con Markdown

Cuando hablamos de resaltar texto en Markdown nos referimos al efecto de marcador fluorescente, es decir, aplicar un fondo de color (habitualmente amarillo) a un fragmento de texto para llamar la atención sobre él. Es un recurso muy útil en apuntes, documentación técnica y notas de estudio.

Markdown en su versión original no incluye una sintaxis para resaltar texto. Sin embargo, varias extensiones y aplicaciones populares han adoptado una sintaxis común basada en el doble signo de igual, y siempre queda el recurso a HTML cuando el editor lo permite.

Resaltado con doble signo igual

La sintaxis más extendida para resaltar texto consiste en envolver el fragmento entre dos signos de igual a cada lado. La soportan herramientas como Obsidian, Typora o procesadores como Pandoc con la extensión Markdown adecuada.

En el siguiente ejemplo resaltamos un texto con ==:

Este es un texto con ==una parte resaltada== en mitad de la frase.

Si tu editor soporta esta sintaxis, el resultado se verá así:

Resaltado mediante HTML

Si el editor que utilizas no entiende la sintaxis ==, pero sí admite HTML, puedes usar la etiqueta <mark>, que es la forma semánticamente correcta de marcar texto resaltado en HTML5.

En el siguiente ejemplo resaltamos un texto con la etiqueta <mark>:

Este es un texto con <mark>una parte resaltada</mark> en mitad de la frase.

Si el editor soporta HTML, el resultado será el siguiente:

Resaltado con color personalizado

La etiqueta <mark> aplica el color de fondo que defina el navegador o la hoja de estilos, normalmente amarillo. Si necesitas un color distinto y el entorno te permite HTML en línea con atributos style, puedes recurrir a un <span> con un fondo personalizado.

En el siguiente ejemplo aplicamos un fondo de color cian a un fragmento:

Este es un texto con <span style="background-color: #06b6d4">una parte resaltada en cian</span>.

El resultado se verá así:

Ten en cuenta que esta técnica depende por completo del soporte de HTML y CSS en línea del editor o plataforma donde se publique el texto. Servicios como GitHub o muchos blogs filtran los atributos style por seguridad, así que el efecto se perderá. Para esos casos, lo más fiable es ceñirse a la sintaxis == o a la etiqueta <mark> sin estilos.

Esto ha sido todo.