Markdown Open Link i den nye fanen

“Markdown gir oss forskjellige måter å lage lenker i dokumenter. Når vi klikker på lenken, tok den oss til målsiden i samme vindu i nettleseren vår. Noen ganger gjør brukeren frustrert da det fører til et annet domene direkte, og leseren må kanskje bla gjennom hele dokumentet for å finne en spesifikk seksjon. Å stille inn lenkene for å laste inn en nettleserfane når et klikk er en rask løsning for dette scenariet.”

I denne artikkelen lærer vi å lage en lenke som åpnes i en ny fane når du klikker.

Regissere en lenke i Markdown for å åpne i en ny fane

Når du oppretter dokumentasjon i markdown, for referanse eller andre formål, vil du legge til lenker i filen din. Så når en bruker klikker på dem, vil den ta dem til den rettede siden. Disse koblingene skal åpne destinasjonsadressen i samme fan. Du kan møte en situasjon der du vil at lenken skal åpne i et nytt vindu eller faner i nettleseren. Vi vil forklare hva som fungerer for å oppnå dette og hva som ikke gir det forventede utfallet med den praktiske implementeringen av Markdown -skriptet.

Verktøyet for å montere skriptet er opprinnelig valgt. Dette verktøyet er Visual Studio Code. Etter å ha installert det, lanserte vi grensesnittet. Fra øvre venstre hjørne av menylinjen velger du alternativet "Fil" og oppretter en ny fil. Velg filtypen som markdown. Du kan bekrefte fildataene, som vil bli nevnt i nedre høyre hjørne av statuslinjen der "Markdown" vil bli merket. Vi må legge til en Markdown -utvidelse som er "Markdown alt i en" i vårt verktøy. Markdown -skript kan forhåndsvises for det forventede utfallet. For å åpne forhåndsvisningsvinduet, trykk på “Shift+Enter+V” -tastene. Nå er alle kravene til å samle skriptet uten forstyrrelser oppnådd; Dermed vil vi starte Markdown -skriptimplementeringen.

De eksterne koblingene peker på et eksternt domene. Vi kan opprette eksterne lenker i Markdown for å åpne lenken i en annen fil eller webside. Syntaksen for å lage eksterne lenker er gitt nedenfor:

Koblingsteksten som brukeren vil se vil være vedlagt i de firkantede parentesene. Og nettadressen til lenken vil bli nevnt i de runde parentesene.

Ved hjelp av denne syntaksen vil vi opprette en ekstern lenke i Markdown. Vi har først laget en overskrift med H1 -størrelse. For å lage overskriften på nivå 1, må et enkelt hasj (#) symbol brukes, som vil bli fulgt av et rom, og deretter blir tittelen på overskriften lagt til. Så vi la til hasj (#), og etter å ha gitt plassen, skrev overskriften "Dette er prøvedokumentet".

For å gjøre overskriften dristig, har vi brukt stjernene (*) avgrensere. Et par stjerner (**) må plasseres før og etter teksten for å vri den fet skrift. Dette vil gi oss en dristig overskrift på første nivå i dokumentet vårt. Vi la igjen en tom linje og la deretter til en annen overskrift med H2 -størrelse ved å sette inn doble hasj (##), plass og tittelen på overskriften som "generere en ekstern lenke". Nå begynner vi hovedoppgaven, som er Link Generation.

For å lage den eksterne lenken, har vi først satt inn litt tekst. Det er ditt eget valg om du vil at lenken skal være vedlagt i tekstlinjen eller vises separat. Så vi la til teksten "Hvis du vil søke etter mer informasjon", og så opprettet vi en lenke. De firkantede parentesene er satt inn, og innenfor dem er teksten for lenken spesifisert som "Åpne Google". Rett etter det har vi lagt de runde seler, og mellom parentesene nevnes nettadressen for websiden. I dette tilfellet trenger vi lenken for å ta oss til Google Search -siden. Så vi ga nettadressen til nettstedet, som er https: // www.Google.com/”. Så skrev vi teksten etter den som "og skriv spørringen". Dette skriptet kan sees på bildet her:

I forhåndsvisningsvinduet vil du se en overskrift som er stylet fet, deretter en annen overskrift, og etter det blir en tekstlinje gjengitt. Denne tekstlinjen har en tekststreng “Åpne Google” i blå farge, som viser at den er en lenke. Når du klikker på denne blå teksten, vil den henvise deg til Googles søkemotor.

La oss prøve å klikke på det for å åpne et eksternt domene.

Så det tok oss til websiden på den medfølgende URL -en.

Koblingen vi har klikket vil bli åpnet i samme fan. Du trenger kanskje koblingen for å bli åpnet i et nytt vindu eller fane i stedet for å åpne den i samme fan. Markdown gir ingen attributt til å lede en lenke for å åpne i en målfane. Men Markdown lar oss bruke HTML i vårt Markdown -skript for å gjøre denne oppgaven.

For å åpne en lenke i en ny fane, har vi et attributt “Target” i HTML som vil gjøre det mulig for oss å sette et mål der lenken skal åpne. Vi har brukt HTML -taggen "". Denne taggen er ansatt for å legge til en hyperkobling. Før vi introduserte HTML i filen vår, la vi først en vanlig tekstlinje for å inline lenken med den. Så satte vi inn “” -merket.

I denne taggen utøvde vi noen av dens attributter. Den første attributtet er "Href", som refererer til Hyperlinks referanse. Dette er et obligatorisk felt fordi lenken er opprettet for den medfølgende referansen. Så vi har gitt Googles URL som https: // google.com ”Det andre attributtet vi har brukt her er“ Target ”. Egenskapen "mål" identifiserer når en lenke klikkes der den vil bli åpnet. Denne attributtet gir flere alternativer angående åpningen av lenken. Vi har spesifisert verdien “_blank”. Innstilling av “_blank: Som verdien av“ mål ”-attributtet vil koble seg til når du klikker for å åpne i et nytt vindu i stedet for å åpne den i samme ramme. Mellom åpningen og lukking av "" -merker må vi skrive tittelen på lenken. Vi har lagt til teksten som "klikk -lenke", og så er taggen lukket med en tilbakeslag som "".

Slik vil websiden vår se ut med en lenke i tråd med tekstlinjen. Når vi klikker på den, vil det lede oss til et nytt vindushenvisende webside.

Så vi klikket på lenken, og det førte oss til et nytt vindu i nettleseren vår for å få tilgang til websiden som er innebygd i lenken. På samme måte kan vi angi andre lenker i dokumentet for å åpne i et målrettet vindu i stedet for i samme vindu.

Vi kan også style koblingsteksten slik at den kan se i et bedre format som visuelt føles bra. Så for å gjøre dette, har vi bestemt oss for å lage teksten til lenken fet og også kursere den. Linkens tekst er "klikk lenke"; Vi har lagt til tre stjerner før strengen og tre etter strengen (uten noe gap mellom tekst og stjerner). I Markdown, når vi vil at teksten skal være både dristig og kursiv, legger vi trippel stjerne -symboler rundt teksten.

Begge koblingene vi etablerte for denne leksjonen har forskjeller du kan observere. De 2^nd Link ser synlig mye bedre ut enn den første, som ikke er stylet.

Konklusjon

Denne artikkelen er basert på attributter for markdown -koblinger. Her er kjernediskusjonsemnet å åpne en ekstern Markdown -kobling i et nytt vindu. Vi laget et eksempel på lenke i en markdown -fil og klikket den deretter, som ledet oss til den refererte websiden, men den åpnet lenken i samme fan. Deretter genereres en annen lenke ved hjelp av HTML -kodene for den samme websiden, men vi gjorde det åpent i en ny fane i nettleseren ved å bruke "Target" -attributtet. Vi har også lært å style koblingsteksten, så den kan se synlig forbedret.