Markdown ouvrir le lien dans le nouvel onglet
«Markdown nous fournit différentes façons de créer des liens dans des documents. Lorsque nous cliquons sur le lien, il nous a amené la page cible de la même fenêtre de notre navigateur. Cela rend parfois l'utilisateur frustré car cela mène directement à un autre domaine, et le lecteur pourrait avoir à faire défiler l'ensemble du document pour trouver une section spécifique. Définir les liens à charger dans un onglet de navigateur chaque fois qu'un clic est une solution rapide pour ce scénario."
Dans cet article, nous apprendrons à créer un lien qui s'ouvrira dans un nouvel onglet lorsque vous cliquez sur.
Diriger un lien dans Markdown à ouvrir dans un nouvel onglet
Lorsque vous créez une documentation dans Markdown, pour référence ou à d'autres fins, vous ajouterez des liens dans votre fichier. Ainsi, lorsqu'un utilisateur clique sur eux, cela les amènera à la page dirigée. Ces liens doivent ouvrir l'adresse de destination dans le même onglet. Vous pouvez faire face à une situation où vous souhaitez que le lien s'ouvre dans une nouvelle fenêtre ou une nouvelle onglet du navigateur. Nous expliquerons ce qui fonctionne pour y parvenir et ce qui ne donne pas le résultat attendu avec la mise en œuvre pratique du script Markdown.
L'outil pour assembler le script a été initialement choisi. Cet outil est le code Visual Studio. Après l'avoir installé, nous avons lancé l'interface. Dans le coin supérieur gauche de la barre de menu, sélectionnez l'option «Fichier», puis créez un nouveau fichier. Sélectionnez le type de fichier en tant que Markdown. Vous pouvez vérifier les données du fichier, qui seront mentionnées dans le coin inférieur droit de la barre d'état où «Markdown» sera étiqueté. Nous devons ajouter une extension Markdown qui est «Markdown tout en un» dans notre outil. Les scripts de Markdown peuvent être prévisualisés pour le résultat prévu. Pour ouvrir la fenêtre d'aperçu, appuyez sur les touches «Shift + Entrée + V». Maintenant, toutes les conditions nécessaires pour compiler le script sans aucune perturbation ont été accomplies; Ainsi, nous commencerons l'implémentation du script Markdown.
Les liens externes pointent vers un domaine externe. Nous pouvons créer des liens externes dans Markdown pour ouvrir le lien dans un autre fichier ou une page Web. La syntaxe pour la création de liens externes est indiqué ci-dessous:
Le texte du lien que l'utilisateur verra sera enfermé dans les carrés. Et l'URL du lien sera mentionné dans les crochets.
En utilisant cette syntaxe, nous créerons un lien externe dans Markdown. Nous avons d'abord créé une rubrique avec une taille H1. Pour créer le cap du niveau 1, un seul symbole de hachage (#) doit être utilisé, qui sera suivi d'un espace, puis le titre de la tête est ajouté. Nous avons donc ajouté le hachage (#) et, après avoir donné l'espace, nous avons écrit le titre "Ceci est l'exemple de document".
De plus, pour rendre l'en-tête en gras, nous avons utilisé les astérisques (*) les délimiteurs. Une paire d'astérisques (**) doit être placée avant et après le texte pour le retourner audacieux. Cela nous donnera un en-tête audacieux de premier niveau dans notre document. Nous avons laissé une ligne vide, puis avons ajouté une deuxième cap avec la taille H2 en insérant des hachages doubles (##), de l'espace et du titre de la rubrique comme «générer un lien externe». Maintenant, nous commençons la tâche principale, qui est la génération de liens.
Pour créer le lien externe, nous avons d'abord inséré du texte. C'est votre propre choix, que vous souhaitiez que le lien soit enfermé dans la ligne de texte ou affiché séparément. Nous avons donc ajouté le texte «Si vous souhaitez rechercher plus d'informations», puis nous avons créé un lien. Les crochets ont été insérés, et en eux, le texte du lien est spécifié comme "Open Google". Juste après, nous avons mis les accolades rondes, et entre les parenthèses, l'URL de la page Web est mentionnée. Dans ce cas, nous avons besoin du lien pour nous emmener sur la page de recherche Google. Nous avons donc fourni l'URL du site, qui est https: // www.Google.com / ”. Ensuite, nous avons écrit le texte après «et écrivez la requête». Ce script peut être vu dans l'image ici:
Dans la fenêtre d'aperçu, vous verrez un en-tête qui a été stylé audacieux, puis une deuxième tête, et après cela, une ligne de texte est rendue. Cette ligne de texte a une chaîne de texte "Ouvrir Google" en couleur bleue, qui montre qu'il s'agit d'un lien. Lorsque vous cliquez sur ce texte bleu, il vous dirigera vers le moteur de recherche de Google.
Essayons de cliquer dessus pour ouvrir un domaine externe.
Il nous a donc emmené à la page Web sur l'URL fournie.
Le lien que nous avons cliqué sera ouvert dans le même onglet. Vous pouvez avoir besoin que le lien soit ouvert dans une nouvelle fenêtre ou onglet au lieu de l'ouvrir dans le même onglet. Markdown ne fournit aucun attribut pour diriger un lien à ouvrir dans un onglet cible. Mais Markdown nous permet d'utiliser le HTML dans notre script Markdown pour effectuer cette tâche.
Pour ouvrir un lien dans un nouvel onglet, nous avons un attribut «cible» dans HTML qui nous permettra de fixer une cible où le lien doit ouvrir. Nous avons utilisé la balise HTML "". Cette balise est utilisée pour ajouter un hyperlien. Avant d'introduire le HTML dans notre fichier, nous avons d'abord ajouté une ligne de texte régulière pour aligner le lien avec lui. Ensuite, nous avons inséré la balise «».
Dans cette étiquette, nous avons exercé certains de ses attributs. Le premier attribut est «HREF», qui fait référence à la référence de l'hyperlien. Il s'agit d'un champ obligatoire car le lien est créé pour la référence fournie. Donc, nous avons fourni l'URL de Google en tant que https: // google.com ”L'autre attribut que nous avons utilisé ici est la« cible ». La propriété «cible» s'identifie lorsqu'un lien est cliqué là où il serait ouvert. Cet attribut offre plusieurs options concernant l'ouverture du lien. Nous avons spécifié la valeur «_blank». Définir «_blank: car la valeur de l'attribut« cible »se liera lorsque vous cliquez pour ouvrir dans une nouvelle fenêtre au lieu de l'ouvrir dans le même cadre. Entre les balises «» d'ouverture et de clôture, nous devons écrire le titre du lien. Nous avons ajouté le texte en tant que «Cliquez sur le lien», puis la balise est fermée avec une barre oblique inverse comme «».
C'est à quoi ressemblera notre page Web avec un lien en ligne avec la ligne de texte. Lorsque nous cliquez dessus, il nous dirigera vers une nouvelle page Web référencée par fenêtre.
Nous avons donc cliqué sur le lien, et cela nous a conduits vers une nouvelle fenêtre de notre navigateur pour accéder à la page Web intégrée dans le lien. De la même manière, nous pouvons définir d'autres liens dans le document à ouvrir dans une fenêtre ciblée plutôt que dans la même fenêtre.
Nous pouvons également styliser le texte du lien afin qu'il puisse sembler dans un meilleur format qui se sent visuellement bien. Donc, pour ce faire, nous avons décidé de rendre le texte du lien audacieux et aussi en italique. Le texte de notre lien est «Cliquez sur le lien»; Nous avons ajouté trois astérisques avant la chaîne et trois après la chaîne (sans aucun écart entre le texte et les astérisques). Dans Markdown, lorsque nous voulons que le texte soit à la fois audacieux et italique, nous mettons des symboles à triple astérisque autour du texte.
Les deux liens que nous avons établis pour cette leçon ont des différences que vous pouvez observer. Les deuxnd Le lien semble visiblement mieux que le premier, qui n'est pas stylé.
Conclusion
Cet article est basé sur les attributs de liens de marque. Ici, le sujet de discussion de base consiste à ouvrir un lien de marque externe dans une nouvelle fenêtre. Nous avons fait un exemple de lien dans un fichier Markdown, puis nous avons cliqué dessus, qui nous a dirigé vers la page Web référencée, mais il a ouvert le lien dans le même onglet. Ensuite, un autre lien utilisant les balises HTML est généré pour la même page Web, mais nous l'avons ouvert dans un nouvel onglet du navigateur en utilisant l'attribut «Target». De plus, nous avons appris à styliser le texte du lien, donc il peut sembler visiblement amélioré.