Markdown Open Link en la nueva pestaña
"Markdown nos proporciona diferentes formas de crear enlaces en documentos. Cuando hacemos clic en el enlace, nos llevó a la página de destino en la misma ventana de nuestro navegador. Esto a veces se frustra al usuario, ya que conduce a otro dominio directamente, y el lector podría tener que desplazarse por todo el documento para encontrar alguna sección específica. Configurar los enlaces para cargar en una pestaña del navegador cada vez que un clic es una solución rápida para este escenario."
En este artículo, aprenderemos a crear un enlace que se abrirá en una nueva pestaña cuando se haga clic en.
Dirigir un enlace en Markdown para abrir en una nueva pestaña
Cuando está creando documentación en Markdown, para hacer referencia o algunos otros propósitos, agregará enlaces en su archivo. Entonces, cuando un usuario hace clic en ellos, los llevará a la página dirigida. Estos enlaces abrirán la dirección de destino en la misma pestaña. Puede enfrentar una situación en la que desea que se abra el enlace en una nueva ventana o pestaña del navegador. Explicaremos qué funciona para lograr esto y qué no produce el resultado esperado con la implementación práctica del script de Markdown.
La herramienta para ensamblar el script se ha elegido inicialmente. Esta herramienta es el código de estudio de Visual Studio. Después de instalarlo, lanzamos la interfaz. Desde la esquina superior izquierda de la barra de menú, seleccione la opción "Archivo" y luego cree un nuevo archivo. Seleccione el tipo de archivo como Markdown. Puede verificar los datos del archivo, que se mencionarán en la esquina inferior derecha de la barra de estado donde se etiquetará "Markdown". Debemos agregar una extensión de Markdown que es "Markdown todo en uno", en nuestra herramienta. Los scripts de Markdown se pueden obtener previsamente para el resultado anticipado. Para abrir la ventana de vista previa, presione las teclas "Shift+Enter+V". Ahora se han logrado todos los requisitos para compilar el script sin ninguna interrupción; Por lo tanto, comenzaremos la implementación del script de Markdown.
Los enlaces externos apuntan a algún dominio externo. Podemos crear enlaces externos en Markdown para abrir el enlace en otro archivo o página web. La sintaxis para crear enlaces externos se da a continuación:
El texto del enlace que el usuario verá estará encerrado en los soportes cuadrados. Y la URL del enlace se mencionará en los soportes redondos.
Usando esta sintaxis, crearemos un enlace externo en Markdown. Primero hemos creado un encabezado con tamaño H1. Para crear el encabezado del nivel 1, se debe usar un solo símbolo hash (#), que será seguido por un espacio, y luego se agrega el título del encabezado. Entonces, agregamos el hash (#) y, después de dar el espacio, escribimos el encabezado "Este es el documento de muestra".
Además, para hacer audaz el encabezado, hemos usado los asteriscos (*) delimitadores. Se debe colocar un par de asteriscos (**) antes y después del texto para girarlo. Esto nos dará un encabezado en negrita de primer nivel en nuestro documento. Dejamos una línea en blanco y luego agregamos un segundo encabezado con tamaño H2 insertando hashes dobles (##), espacio y el título del encabezado como "Generar un enlace externo". Ahora comenzamos la tarea principal, que es la generación de enlaces.
Para crear el enlace externo, primero hemos insertado algún texto. Es su propia opción si desea que el enlace se encienda en la línea de texto o se muestre por separado. Así que agregamos el texto "Si desea buscar más información", y luego creamos un enlace. Se han insertado los soportes cuadrados, y dentro de ellos, el texto para el enlace se especifica como "Abrir Google". Justo después de eso, hemos puesto los aparatos ortopédicos, y entre los paréntesis, se menciona la URL para la página web. En este caso, necesitamos el enlace para llevarnos a la página de búsqueda de Google. Entonces proporcionamos la URL del sitio, que es https: // www.Google.com/". Luego escribimos el texto después de "y escriba la consulta". Este script se puede ver en la imagen aquí:
En la ventana de vista previa, verá un encabezado que se ha diseñado en negrita, luego un segundo encabezado, y después de eso, se representa una línea de texto. Esta línea de texto tiene una cadena de texto "Abrir Google" en color azul, que muestra que es un enlace. Cuando haga clic en este texto azul, lo dirigirá al motor de búsqueda de Google.
Intentemos hacer clic en él para abrir un dominio externo.
Entonces nos llevó a la página web en la URL suministrada.
El enlace en el que hemos hecho clic se abrirá en la misma pestaña. Es posible que necesite que se abra el enlace en una nueva ventana o pestaña en lugar de abrirlo en la misma pestaña. Markdown no proporciona ningún atributo para dirigir un enlace para abrir en una pestaña de destino. Pero Markdown nos permite usar el HTML en nuestro script de Markdown para hacer esta tarea.
Para abrir un enlace en una nueva pestaña, tenemos un atributo "objetivo" en HTML que nos permitirá establecer un objetivo donde se abrirá el enlace. Hemos utilizado la etiqueta HTML "". Esta etiqueta se emplea para agregar un hipervínculo. Antes de presentar el HTML en nuestro archivo, primero agregamos una línea de texto regular para en línea el enlace con él. Luego insertamos la etiqueta "".
En esta etiqueta, ejercimos algunos de sus atributos. El primer atributo es "href", que se refiere a la referencia del hipervínculo. Este es un campo obligatorio porque el enlace se crea para la referencia proporcionada. Entonces, hemos proporcionado la URL de Google como https: // google.com "El otro atributo que hemos usado aquí es el" objetivo ". La propiedad "objetivo" identifica cuándo se hace clic en un enlace donde se abriría. Este atributo proporciona varias opciones con respecto a la apertura del enlace. Hemos especificado el valor "_blank". Configuración de "_blank: como el valor del atributo" objetivo "vinculará cuando se haga clic para abrir en una nueva ventana en lugar de abrirlo en el mismo cuadro. Entre las etiquetas de apertura y cierre "", tenemos que escribir el título del enlace. Hemos agregado el texto como "Enlace de clic", y luego la etiqueta está cerrada con una barra insegura como "".
Así es como se verá nuestra página web con un enlace en línea con la línea de texto. Cuando hagamos clic en él, nos dirigirá a una nueva página web con referencia de ventana.
Así que hicimos clic en el enlace y nos llevó a una nueva ventana de nuestro navegador para acceder a la página web integrada en el enlace. De la misma manera, podemos establecer otros enlaces en el documento para abrir en una ventana específica en lugar de en la misma ventana.
También podemos diseñar el texto del enlace para que pueda verse en un mejor formato que visualmente se sienta bien. Entonces, para hacer esto, hemos decidido hacer el texto del enlace en negrita y también en cursiva. El texto de nuestro enlace es "Haga clic en enlace"; Hemos agregado tres asteriscos antes de la cadena y tres después de la cadena (sin ningún espacio entre el texto y los asteriscos). En Markdown, cuando queremos que el texto sea atrevido y en cursiva, ponemos símbolos de triple asterisco alrededor del texto.
Ambos enlaces que establecimos para esta lección tienen diferencias que puede observar. El 2Dakota del Norte el enlace se ve visiblemente mucho mejor que el primero, que no tiene estilo.
Conclusión
Este artículo se basa en atributos de enlaces de markdown. Aquí el tema de discusión principal es abrir un enlace de markdown externo en una nueva ventana. Hicimos un enlace de ejemplo en un archivo de Markdown y luego lo hizo clic, lo que nos dirigió a la página web de referencia, pero abrió el enlace en la misma pestaña. Luego, se genera otro enlace que usa las etiquetas HTML para la misma página web, pero lo abrimos en una nueva pestaña del navegador utilizando el atributo "objetivo". Además, hemos aprendido a diseñar el texto del enlace, por lo que puede parecer visiblemente mejorado.