Markdown Open Link nella nuova scheda
“Markdown ci fornisce diversi modi per creare collegamenti nei documenti. Quando facciamo clic sul collegamento, ci ha portato alla pagina di destinazione sulla stessa finestra del nostro browser. Questo a volte rende frustrato l'utente in quanto porta direttamente a un altro dominio e il lettore potrebbe dover scorrere l'intero documento per trovare una sezione specifica. Impostazione dei collegamenti da caricare in una scheda browser ogni volta che un clic è una correzione rapida per questo scenario."
In questo articolo, impareremo a creare un link che si aprirà in una nuova scheda quando è cliccata.
Dirigere un collegamento in markdown per aprire in una nuova scheda
Quando si creano documentazione in Markdown, per riferimento o altri scopi, aggiungerai collegamenti nel tuo file. Quindi, quando un utente fa clic su di loro, li porterà alla pagina diretta. Questi collegamenti apriranno l'indirizzo di destinazione nella stessa scheda. Puoi affrontare una situazione in cui vuoi che il link si apra in una nuova finestra o scheda del browser. Spiegheremo cosa funziona per raggiungere questo obiettivo e cosa non produce il risultato previsto con l'implementazione pratica dello script Markdown.
Lo strumento per l'assemblaggio dello script è stato inizialmente scelto. Questo strumento è il codice Visual Studio. Dopo averlo installato, abbiamo lanciato l'interfaccia. Dall'angolo in alto a sinistra della barra dei menu, selezionare l'opzione "file" e quindi creare un nuovo file. Seleziona il tipo di file come markdown. È possibile verificare i dati del file, che verranno menzionati nell'angolo in basso a destra della barra di stato in cui il "markdown" verrà etichettato. Dobbiamo aggiungere un'estensione di markdown che è "Markdown All in One". Gli script di Markdown possono essere visualizzati per il risultato previsto. Per aprire la finestra Anteprima, premi i tasti "Shift+Enter+V". Ora sono stati realizzati tutti i requisiti per compilare la sceneggiatura senza alcuna interruzione; Pertanto, inizieremo l'implementazione di Markdown Script.
I collegamenti esterni indicano un dominio esterno. Possiamo creare collegamenti esterni in Markdown per aprire il collegamento in un altro file o pagina Web. La sintassi per la creazione di collegamenti esterni è riportata di seguito:
Il testo di collegamento che l'utente vedrà sarà racchiuso tra parentesi quadrate. E l'URL del collegamento sarà menzionato tra parentesi rotonde.
Utilizzando questa sintassi, creeremo un collegamento esterno in Markdown. Abbiamo prima creato un'intestazione con la dimensione H1. Per creare l'intestazione di Level-1, è necessario utilizzare un singolo simbolo hash (#), che sarà seguito da uno spazio, e quindi viene aggiunto il titolo dell'intestazione. Quindi, abbiamo aggiunto l'hash (#) e, dopo aver dato lo spazio, abbiamo scritto l'intestazione "Questo è il documento di esempio".
Inoltre, per rendere l'intestazione in grassetto, abbiamo usato i delimitatori di asterischi (*). Una coppia di asterischi (**) deve essere posizionata prima e dopo il testo per trasformarlo in grassetto. Questo ci produrrà un'intestazione audace di primo livello nel nostro documento. Abbiamo lasciato una linea vuota e poi abbiamo aggiunto una seconda intestazione con dimensioni H2 inserendo doppi hash (##), spazio e il titolo dell'intestazione come "generare un collegamento esterno". Ora iniziamo l'attività principale, che è la generazione di link.
Per la creazione del collegamento esterno, abbiamo prima inserito del testo. È una tua scelta se si desidera che il collegamento sia chiuso nella riga di testo o visualizzato separatamente. Quindi abbiamo aggiunto il testo "Se vuoi cercare ulteriori informazioni", e poi abbiamo creato un link. Le staffe quadrate sono state inserite e al loro interno il testo per il collegamento è specificato come "Apri Google". Subito dopo, abbiamo messo le parentesi graffe e tra le parentesi, è menzionato l'URL per la pagina web. In questo caso, abbiamo bisogno del link per portarci alla pagina di ricerca di Google. Quindi abbiamo fornito l'URL del sito, che è https: // www.Google.com/". Quindi abbiamo scritto il testo dopo come "e scriviamo la query". Questo script può essere visto nell'immagine qui:
Nella finestra di anteprima, vedrai un'intestazione che è stata disegnata in grasse. Questa riga di testo ha una stringa di testo "Apri Google" in colore blu, che mostra che è un link. Quando fai clic su questo testo blu, ti indirizzerà al motore di ricerca di Google.
Proviamo a fare clic su di esso per aprire un dominio esterno.
Quindi ci ha portato alla pagina web sull'URL fornito.
Il collegamento che abbiamo fatto clic verrà aperto nella stessa scheda. Potrebbe essere necessario aprire il collegamento in una nuova finestra o scheda invece di aprirlo nella stessa scheda. Markdown non fornisce alcun attributo per dirigere un collegamento per aprire in una scheda target. Ma Markdown ci consente di utilizzare l'HTML nel nostro script Markdown per svolgere questo compito.
Per aprire un link in una nuova scheda, abbiamo un "target" di attributo in HTML che ci consentirà di impostare un obiettivo in cui il collegamento deve aprire. Abbiamo utilizzato il tag HTML "". Questo tag viene impiegato per aggiungere un collegamento ipertestuale. Prima di introdurre l'HTML nel nostro file, abbiamo prima aggiunto una riga di testo normale per in linea il collegamento con esso. Quindi abbiamo inserito il tag "".
In questo tag, abbiamo esercitato alcuni dei suoi attributi. Il primo attributo è "HREF", che si riferisce al riferimento del collegamento ipertestuale. Questo è un campo obbligatorio perché il collegamento viene creato per il riferimento fornito. Quindi, abbiamo fornito l'URL di Google come https: // Google.com "L'altro attributo che abbiamo usato qui è il" target ". La proprietà "target" si identifica quando si fa clic su un collegamento dove sarebbe aperto. Questo attributo fornisce diverse opzioni per quanto riguarda l'apertura del collegamento. Abbiamo specificato il valore "_blank". Impostazione "_blank: poiché il valore dell'attributo" target "si collegherà quando viene fatto clic per aprire in una nuova finestra invece di aprirlo nello stesso frame. Tra i tag "" di apertura e chiusura, dobbiamo scrivere il titolo del link. Abbiamo aggiunto il testo come "Link Fai clic", quindi il tag è chiuso con una retroscena come "".
Questo è l'aspetto della nostra pagina web con un link in linea con la riga di testo. Quando facciamo clic su di esso, ci indirizzerà a una nuova pagina Web referenziata dalla finestra.
Quindi abbiamo fatto clic sul collegamento e ci ha portato a una nuova finestra del nostro browser per accedere alla pagina Web incorporata nel collegamento. Allo stesso modo, possiamo impostare altri collegamenti nel documento da aprire in una finestra mirata piuttosto che nella stessa finestra.
Possiamo anche modellare il testo di collegamento in modo che possa apparire in un formato migliore che si sente visivamente bene. Quindi, per fare questo, abbiamo deciso di rendere il testo del link in grassetto e anche in corsivo. Il testo del nostro link è "Click Link"; Abbiamo aggiunto tre asterischi prima della stringa e tre dopo la stringa (senza alcun divario tra testo e asterischi). In Markdown, quando vogliamo che il testo sia audace e corsivo, mettiamo i simboli a tripla asterisco attorno al testo.
Entrambi i collegamenti che abbiamo stabilito per questa lezione hanno differenze che puoi osservare. Il 2nd Link sembra visibilmente molto meglio del primo, che non è disegnato.
Conclusione
Questo articolo si basa sugli attributi di Markdown Links. Qui l'argomento di discussione fondamentale è aprire un link a markdown esterno in una nuova finestra. Abbiamo realizzato un collegamento di esempio in un file di markdown e quindi abbiamo fatto clic, che ci ha indirizzato alla pagina web di riferimento, ma ha aperto il collegamento nella stessa scheda. Quindi un altro collegamento che utilizza i tag HTML viene generato per la stessa pagina Web, ma l'abbiamo aperto in una nuova scheda del browser utilizzando l'attributo "target". Inoltre, abbiamo imparato a modellare il testo del link, quindi può sembrare visibilmente migliorato.