Cómo crear enlaces automáticos con Markdown
En este tutorial aprenderás a crear enlaces automáticos usando Markdown
En la sintaxis básica de Markdown ya vimos cómo crear enlaces escribiendo el texto entre corchetes y la URL entre paréntesis. Sin embargo, existe una forma más rápida de convertir URLs y direcciones de correo electrónico en enlaces clicables sin necesidad de escribir la sintaxis completa.
Crea enlaces automáticos con Markdown
Para crear un enlace automático, simplemente encierra la URL o la dirección de correo entre los símbolos de menor y mayor < y >.
En el siguiente ejemplo creamos un enlace automático a una URL:
<https://tutorialmarkdown.com>El código Markdown anterior debería renderizarse así:
Es importante incluir el protocolo (https:// o http://) para que el enlace se genere correctamente. Si lo omites, algunos editores no lo reconocerán como enlace.
Enlaces automáticos para correo electrónico
Puedes usar la misma sintaxis para crear un enlace de tipo mailto a una dirección de correo:
<correo@ejemplo.com>El código Markdown anterior debería renderizarse así:
Al hacer clic en el enlace, se abrirá el cliente de correo del usuario con la dirección ya rellenada en el campo "Para".
URLs automáticas sin símbolos
Muchos editores Markdown modernos como Obsidian, Typora o GitHub detectan automáticamente las URLs y las convierten en enlaces sin necesidad de usar los símbolos < y >:
https://tutorialmarkdown.comEsta funcionalidad se conoce como autolink y forma parte de la sintaxis extendida. Sin embargo, no está garantizada en todos los editores, por lo que si quieres asegurarte de que el enlace se renderice correctamente, es mejor usar los símbolos de menor y mayor.
Desactiva los enlaces automáticos
En ocasiones querrás mostrar una URL como texto plano sin que se convierta en un enlace clicable. Para desactivar el enlace automático, encierra la URL entre acentos graves como si fuese código en línea:
`https://tutorialmarkdown.com`El código Markdown anterior debería renderizarse así:
https://tutorialmarkdown.comDe este modo, la URL se mostrará con formato de código y no será clicable.
Diferencia entre enlaces automáticos y enlaces normales
Es importante entender cuándo usar cada tipo de enlace:
- Enlace automático
<https://ejemplo.com>: El texto visible del enlace es la propia URL. Es útil cuando quieres que el lector vea la dirección completa. - Enlace normal
[texto](https://ejemplo.com): Puedes personalizar el texto visible del enlace. Es la opción más habitual para integrar enlaces dentro de un texto.
Por ejemplo:
Visita <https://tutorialmarkdown.com> para más información.
Visita [Tutorial Markdown](https://tutorialmarkdown.com) para más información.En el primer caso el lector verá la URL completa. En el segundo, solo verá el texto "Tutorial Markdown" como enlace clicable. Ambas opciones son válidas, pero la segunda suele ser más legible cuando el enlace forma parte de una frase.
Esto ha sido todo. Espero que te haya resultado útil.
👋 Hola! Soy Edu, me encanta crear cosas y he redactado este tutorial. Si te ha resultado útil, el mayor favor que me podrías hacer es el de compatirlo en Twitter.
Sígueme en Twitter para estar al día con mi contenido. 😊
