Lien de marque vers la section

«La fourniture de liens qui dirigent le lecteur vers une section particulière du document est une technique très bénéfique et importante pour économiser le temps de l'utilisateur. Cette technique fait non seulement gagner du temps aux utilisateurs, mais engage également plus de lecteurs sur la page Web. Markdown nous permet de créer des liens qui se réfèrent à une section particulière du même document simplement en cliquant sur le lien."

Ce guide vous rendra capable de générer de tels liens dans votre document.

Création de liens vers des sections particulières du document dans Markdown

Dans ce didacticiel, nous verrons comment créer un lien vers une section particulière du même document dans le Markdown. De sorte qu'en cliquant sur le lien pour cette section particulière, vous pouvez facilement y accéder sans avoir à naviguer dans l'ensemble du document pour le trouver.

Avant de commencer à travailler sur le sujet, nous devons d'abord trouver un outil avec l'environnement approprié pour implémenter le script Markdown. Il existe une variété d'outils qui prennent en charge la langue Markdown. Dans notre cas, nous avons trouvé Visual Studio Code comme le meilleur logiciel pour compiller les scripts Markdown. Par conséquent, nous avons téléchargé le logiciel et l'avons installé dans notre système. Une fois l'interface lancée, créez un nouveau fichier et sélectionnez le type de fichier comme «Marquage». Ajoutez l'extension "Markdown All in One" dans l'outil, puis appuyez sur les touches "Ctrl + Shift + V" pour ouvrir la fenêtre d'aperçu. La fenêtre d'aperçu rendra la sortie prévue du script écrit dans le fichier de marque.

Nous allons maintenant initier en apprenant à créer un lien dans Markdown. La génération de liens est une méthode très facile, comme le reste des concepts de Markdown. La syntaxe pour créer un lien dans Markdown pour une section du même document est fournie ci-dessous:

Cette syntaxe a deux parties. La première partie contient le titre du lien, et la deuxième partie stocke le lien de la section particulière. Pour écrire le titre du lien, nous devons utiliser les crochets «[]» et écrire toute étiquette avec laquelle vous voulez que votre lien soit affiché. Le lien vers la section spécifique de ce document peut être ajouté en utilisant les supports ronds «()». Dans les parenthèses, insérez un symbole de hachage (#), puis écrivez le nom de la section particulière comme vous l'avez intitulé dans le document. Si le titre pour lequel vous souhaitez un lien contient des espaces, alors vous ajouteriez des tirets (-) pour remplacer les espaces tout en le mettant comme référence de lien.

Maintenant, implémentez-le dans le code vs

Nous avons créé un titre de marque dans notre fichier. Pour créer une rubrique, nous devons utiliser le symbole de hachage (#), puis mettre un espace avant d'écrire le titre de tête. Cela créera une rubrique avec une taille H1. Nous avons donc ajouté le hachage (#), et après l'espace, le titre de la tête est identifié comme «section 1». Pour passer à la ligne suivante, nous devons simplement appuyer sur Entrée. Ici, nous allons écrire un paragraphe. Markdown ne fournit aucune syntaxe spéciale pour écrire un paragraphe, il vous suffit d'écrire le texte, et il sera affiché comme un paragraphe de texte régulier.

Nous avons ajouté du texte pour créer un paragraphe sous le premier titre, qui est «nous créons des liens dans Markdown pour accéder à une section du même document. Continuez à suivre les étapes pour apprendre le concept.«Vous pouvez le voir dans l'instantané du script ci-dessous:

Correspondant au script de marque appliqué, la fenêtre d'aperçu affiche un en-tête avec une taille H1 intitulée «Section 1» et en dessous, un paragraphe est rendu.

Maintenant, pour créer un lien Markdown pour faire défiler cette section du document, nous exercerons la syntaxe du lien de démarque spécifié ci-dessus.

Vous pouvez ajouter le lien n'importe où dans le document qui convient le mieux à vos besoins. Pour notre illustration, nous générons un lien en haut de la page afin que si l'utilisateur souhaite passer à un titre spécifique, le lien l'emmène là-bas au lieu de naviguer dans l'ensemble du document.

Nous avons donc commencé le processus en ajoutant d'abord le texte normal comme «cliquez», puis nous avons commencé les crochets. Entre ces accolades, le titre du lien est spécifié. Nous avons ajouté l'étiquette de lien comme «Section1». Juste après les crochets sans aucun espace, nous avons inséré les parenthèses rondes. Ici, nous ajouterons la référence de l'en-tête à ouvrir lorsque nous cliquerons sur le lien. Tout d'abord, ajoutez le symbole de hachage (#), puis écrivez le titre de la tête spécifique. Étant donné que le nom de l'en-tête, qui est «section 1» dans notre instance, a un espace, tout en mentionnant l'en-tête à la place du lien, nous ne pouvons pas ajouter d'espaces. Ainsi, pour remplacer l'espace, nous avons inséré le symbole de tableau de bord () entre les deux mots comme «# section-1».

Comme nous avons ajouté du texte avant de générer un lien, nous pouvons également l'ajouter après le lien. Nous l'avons donc écrit comme «Cliquez sur [Section1] (# Section-1) pour ouvrir le premier titre."

Dans la fenêtre d'aperçu, vous pouvez observer que la chaîne que nous avons ajoutée dans les crochets est indiquée en couleur bleue, qui illustre qu'il s'agit d'un lien. La référence à la section du document que nous avons fournie est intégrée dans cette chaîne. Ainsi, lorsque vous cliquez dessus, cela vous amènera directement à la partie de la page où le titre est «Section 1».

Ainsi, lorsque nous cliquez dessus, cela nous amène à une section particulière du document avec un en-tête spécifié.

Nous allons maintenant créer des liens pour d'autres sections du document, mais d'abord, nous devons créer différents titres.

Sous le paragraphe de la première rubrique, nous avons laissé une ligne vide et avons commencé à écrire sur la ligne à côté. Pour créer le 2ème cap, nous avons utilisé des hachages doubles (##), l'espace et le titre de cap comme «Paragraphe 1.2 ”. Ensuite, nous avons ajouté un exemple de paragraphe pour cette rubrique.

Pour ajouter le troisième cap, nous avons inséré 3 hachages et l'intitulé «Section 3» et a également ajouté un exemple de paragraphe.

Ensuite, nous avons créé des liens pour chaque cap. Pour le deuxième titre, nous l'avons écrit comme «Cliquez pour ouvrir [Section 2] (# Section-2)», et pour le troisième titre, «Cliquez pour ouvrir [Section 3] (# Section-3)». Nous avons ajouté les trois liens en haut du document.

Si vous cliquez sur le lien «Section 2», il ouvrira la section 2 en haut de la page.

De même, cliquer sur le lien «Section 3» nous amène à la partie de la page contenant le titre «Section 3». Comme affiché dans l'image ci-dessous:

Dans l'ensemble, notre document créé ressemble à ceci:

Conclusion

Markdown nous fournit différentes techniques pour ajouter des liens vers nos documents. L'insertion de liens pour un accès rapide à une partie particulière de la page est l'une des meilleures pratiques pour faciliter l'utilisateur. Dans cet article, nous avons élaboré ce concept avec une explication très détaillée du script Markdown. Nous avons créé des titres d'échantillons et y avons également mis des paragraphes. Pour chaque rubrique, des liens ont été générés. Nous avons également rendu le résultat prévu généré sur la fenêtre d'aperçu pour chaque lien que nous avons cliqué.