Enlace de markdown a la sección

“Proporcionar enlaces que dirigen al lector a una sección particular del documento es una técnica muy beneficiosa e importante para ahorrar el tiempo del usuario. Esta técnica no solo ahorra tiempo a los usuarios, sino que también involucra más lectores en la página web. Markdown nos permite crear enlaces que se refieren a una sección particular del mismo documento simplemente haciendo clic en el enlace."

Esta guía lo hará capaz de generar tales enlaces en su documento.

Creación de enlaces a secciones particulares del documento en Markdown

En este tutorial, veremos cómo crear un enlace a una sección particular del mismo documento en Markdown. De modo que al hacer clic en el enlace para esa sección en particular, puede acceder fácilmente a él sin tener que navegar a través de todo el documento para encontrarlo.

Antes de comenzar a trabajar en el tema, primero, necesitamos encontrar una herramienta con el entorno apropiado para implementar el script de Markdown. Hay una variedad de herramientas que admiten el lenguaje de Markdown. En nuestro caso, hemos encontrado el código de Visual Studio como el mejor software para compilar los scripts de Markdown. Por lo tanto, descargamos el software y lo instalamos en nuestro sistema. Una vez que se inicia la interfaz, cree un archivo nuevo y seleccione el tipo de archivo como "Markdown". Agregue la extensión "Marque todo en uno" en la herramienta y luego presione las teclas "Ctrl+Shift+V" para abrir la ventana Vista previa. La ventana de vista previa representará la salida anticipada del script escrita en el archivo de markdown.

Ahora iniciaremos aprendiendo a crear un enlace en Markdown. La generación de enlaces es un método muy fácil, como el resto de los conceptos de Markdown. La sintaxis para crear un enlace en Markdown para una sección del mismo documento se proporciona a continuación:

Esta sintaxis tiene dos partes. La primera parte contiene el título del enlace, y la segunda porción almacena el enlace de la sección en particular. Para escribir el título del enlace, tenemos que usar los soportes cuadrados "[]" y escribir cualquier etiqueta que desee que se muestre su enlace. El enlace a la sección específica de ese documento se puede agregar utilizando los soportes redondos "()". Dentro de los paréntesis, inserte un símbolo hash (#), luego escriba el nombre de la sección en particular como lo ha titulado en el documento. Si el título para el que desea un enlace tiene espacios, entonces agregaría guiones (-) para reemplazar los espacios mientras lo pone como referencia de enlace.

Ahora implementemos en VS Code

Hemos creado un encabezado de Markdown en nuestro archivo. Para crear un encabezado, tenemos que usar el símbolo hash (#) y luego poner un espacio antes de escribir el título de encabezado. Esto creará un encabezado con tamaño H1. Entonces, hemos agregado el hash (#), y después del espacio, el título del encabezado se identifica como "Sección 1". Para pasar a la siguiente línea, simplemente tenemos que presionar Enter. Aquí escribiremos un párrafo. Markdown no proporciona ninguna sintaxis especial para escribir un párrafo, solo tiene que escribir el texto y se mostrará como un párrafo de texto normal.

Hemos agregado algún texto para crear un párrafo en el primer encabezado, que es "estamos creando enlaces en Markdown para acceder a alguna sección del mismo documento. Sigue los pasos para aprender el concepto."Puedes verlo en la instantánea del script adjunto a continuación:

En correspondencia con el script de markdown aplicado, la ventana de vista previa muestra un encabezado con tamaño H1 titulado "Sección 1", y debajo de él, se representa un párrafo.

Ahora para crear un enlace de Markdown para desplazarse a esta sección del documento, ejerceremos la sintaxis del enlace de Markdown especificado anteriormente.

Puede agregar el enlace en cualquier lugar del documento que mejor se adapte a sus requisitos. Para nuestra ilustración, estamos generando un enlace en la parte superior de la página para que si el usuario quiere saltar a un encabezado específico, el enlace lo llevará allí en lugar de navegar a través de todo el documento.

Entonces, comenzamos el proceso agregando primero el texto normal como "clic", y luego comenzamos los soportes cuadrados. Entre estos aparatos ortopédicos, se especifica el título para el enlace. Hemos agregado la etiqueta del enlace como "Sección 1". Justo después de los soportes cuadrados sin ningún espacio, hemos insertado los paréntesis redondos. Aquí agregaremos la referencia del encabezado que se abrirá cuando hagamos clic en el enlace. Primero, agregue el símbolo hash (#) y luego escriba el título del encabezado específico. Dado que el nombre del encabezado, que es "Sección 1" en nuestro caso, tiene un espacio, mientras menciona el encabezado en el lugar de enlace, no podemos agregar espacios. Entonces, para reemplazar el espacio, hemos insertado el símbolo DASH (-) entre las dos palabras como "#Sección-1" ".

Como hemos agregado texto antes de generar un enlace, también podemos agregarlo después del enlace. Entonces lo escribimos como "Haga clic en [Sección1] (#Sección-1) para abrir el primer encabezado."

En la ventana de vista previa, puede observar que la cadena que hemos agregado en los soportes cuadrados se muestra en color azul, que representa que este es un enlace. La referencia a la sección del documento que hemos proporcionado está incrustada en esta cadena. Entonces, cuando haga clic en él, lo llevará directamente a la parte de la página donde el encabezado es "Sección 1".

Entonces, cuando hacemos clic en él, nos lleva a una sección particular del documento con un encabezado especificado.

Ahora crearemos enlaces para otras secciones del documento, pero primero, tenemos que crear diferentes encabezados.

Debajo del párrafo del primer encabezado, dejamos una línea en blanco y comenzamos a escribir en la línea al lado de él. Para crear el segundo encabezado, hemos usado hashes dobles (##), espacio y el título de encabezado como "Subsección 1.2 ". Luego agregamos un párrafo de muestra para este encabezado.

Para agregar el tercer encabezado, hemos insertado 3 hash y titulado "Sección 3", y también agregamos un párrafo de muestra para ello.

Luego creamos enlaces para cada encabezado. Para el segundo encabezado, lo escribimos como "Haga clic para abrir [Sección 2] (#Sección 2)", y para el tercer encabezado, "Haga clic para abrir [Sección 3] (#Sección-3)". Hemos agregado los tres enlaces en la parte superior del documento.

Si hace clic en el enlace "Sección 2", abrirá el encabezado de la Sección 2 en la parte superior de la página.

Del mismo modo, hacer clic en el enlace "Sección 3" nos lleva a la parte de la página que contiene el encabezado "Sección 3". Como se muestra en la imagen a continuación:

En general, nuestro documento creado se parece a esto:

Conclusión

Markdown nos proporciona diferentes técnicas para agregar enlaces a nuestros documentos. Insertar enlaces para acceso rápido a una parte particular de la página es una de las mejores prácticas para facilitar al usuario. En este artículo, hemos elaborado en este concepto con una explicación muy detallada del script de Markdown. Hemos creado encabezados de muestra y también les hemos puesto párrafos. Para cada encabezado, se generaron enlaces. También hemos presentado el resultado anticipado generado en la ventana de vista previa para cada enlace en el que hicimos clic.