Markdown -Link in der neuen Registerkarte öffnen
„Markdown bietet uns unterschiedliche Möglichkeiten, Links in Dokumenten zu erstellen. Wenn wir auf den Link klicken, brachte wir uns zur Zielseite auf demselben Fenster unseres Browsers. Dies macht den Benutzer manchmal frustriert, da er direkt zu einer anderen Domäne führt, und der Leser muss möglicherweise durch das gesamte Dokument scrollen, um einen bestimmten Abschnitt zu finden. Das Einstellen der Links zum Laden in einem Browser -Registerkarte Wenn ein Klick für dieses Szenario eine schnelle Lösung ist.”
In diesem Artikel lernen wir, einen Link zu erstellen, der beim Klicken in einer neuen Registerkarte geöffnet wird.
Regie eines Links in Markdown, um in einer neuen Registerkarte zu öffnen
Wenn Sie Dokumentation im Markdown erstellen, werden Sie zum Hinweis oder zu einigen anderen Zwecken Links in Ihre Datei hinzufügen. Wenn ein Benutzer sie klickt, führt er ihn zur angegebenen Seite. Diese Links öffnen die Zieladresse auf derselben Registerkarte. Sie können sich einer Situation stellen, in der der Link in einem neuen Fenster oder einer Registerkarte des Browsers geöffnet werden soll. Wir werden erklären, was funktioniert, um dies zu erreichen und was nicht das erwartete Ergebnis mit der praktischen Implementierung des Markdown -Skripts liefert.
Das Werkzeug zur Zusammenstellung des Skripts wurde zunächst ausgewählt. Dieses Tool ist Visual Studio Code. Nach der Installation haben wir die Schnittstelle gestartet. Wählen Sie in der oberen linken Ecke der Menüleiste die Option "Datei" aus und erstellen Sie dann eine neue Datei. Wählen Sie den Dateityp als Markdown aus. Sie können die Dateidaten überprüfen, die in der unteren rechten Ecke der Statusleiste erwähnt werden, in der „Markdown“ gekennzeichnet wird. Wir müssen eine Markdown -Erweiterung hinzufügen, die in unserem Tool „Markdown in One“ entspricht “. Markdown -Skripte können für das erwartete Ergebnis vorgestellt werden. So klicken. Jetzt wurden alle Voraussetzungen, das Skript ohne Störung zu kompilieren, erreicht; Daher werden wir mit der Implementierung des Markdown -Skripts beginnen.
Die externen Verbindungen weisen auf eine externe Domäne hin. Wir können externe Links im Markdown erstellen, um den Link in einer anderen Datei oder Webseite zu öffnen. Die Syntax zum Erstellen externer Links ist unten angegeben:
Der Linktext, den der Benutzer sehen wird. Und die URL des Links wird in den runden Klammern erwähnt.
Mit dieser Syntax erstellen wir einen externen Link im Markdown. Wir haben zuerst eine Überschrift mit H1 -Größe erstellt. Um die Überschrift von Level-1 zu erstellen, muss ein einzelnes Hash (#) -Symbol verwendet werden, auf das ein Raum gefolgt wird, und dann wird der Titel der Überschrift hinzugefügt. Also haben wir den Hash (#) hinzugefügt und nachdem wir den Platz gegeben hatten, schrieb die Überschrift "Dies ist das Beispieldokument".
Um den Header fett zu machen, haben wir die Sternchen (*) Grenzwerte verwendet. Ein Paar Sternchen (**) muss vor und nach dem Text platziert werden, um ihn fett zu machen. Dies führt uns zu einem kühnen Header der ersten Stufe in unserem Dokument. Wir haben eine leere Linie hinterlassen und dann eine zweite Überschrift mit H2 -Größe hinzugefügt, indem wir Doppel -Hashes (##), Platz und den Titel der Überschrift als "Erzeugen Sie einen externen Link erzeugen" einfügten, als sie einfügten, als „eine externe Verbindung erzeugen“ einfügte. Jetzt beginnen wir die Hauptaufgabe, die Link -Generierung ist.
Zum Erstellen des externen Links haben wir zuerst einen Text eingefügt. Es ist Ihre eigene Wahl, ob der Link in der Textzeile eingeschlossen oder separat angezeigt wird. Daher haben wir den Text hinzugefügt, "wenn Sie nach weiteren Informationen suchen möchten" und dann einen Link erstellt haben. Die quadratischen Klammern wurden eingefügt, und in ihnen wird der Text für den Link als „Google öffnen“ angegeben. Gleich danach haben wir die runden Klammern gesetzt, und zwischen den Klammern wird die URL für die Webseite erwähnt. In diesem Fall benötigen wir den Link, um uns zur Google -Suchseite zu bringen. Also haben wir die URL der Website zur Verfügung gestellt, die https: // www ist.Google.com/”. Dann schrieben wir den Text danach als "und schreiben Sie die Abfrage". Dieses Skript ist hier im Bild zu sehen:
Im Vorschau -Fenster sehen Sie einen Header, der fett gedruckt wurde, und dann eine zweite Überschrift, und danach wird eine Textzeile gerendert. Diese Textzeile hat eine Textzeichenfolge „Google öffnen“ in blauer Farbe, die zeigt, dass es sich um einen Link handelt. Wenn Sie auf diesen blauen Text klicken, werden Sie zur Google -Suchmaschine geleitet.
Versuchen wir, darauf zu klicken, um eine externe Domäne zu öffnen.
Also brachte wir auf die Webseite auf der mitgelieferten URL.
Der von uns geklickte Link wird auf derselben Registerkarte geöffnet. Möglicherweise müssen der Link in einem neuen Fenster oder einer neuen Registerkarte geöffnet werden, anstatt ihn auf derselben Registerkarte zu öffnen. Markdown liefert kein Attribut, um einen Link so zu leiten, ob es auf einer Registerkarte "Ziel" geöffnet ist. Mit Markdown können wir die HTML in unserem Markdown -Skript verwenden, um diese Aufgabe zu erledigen.
Um einen Link in einer neuen Registerkarte zu öffnen, haben wir ein Attribut „Ziel“ in HTML, mit dem wir ein Ziel festlegen können, bei dem sich die Verbindung öffnet. Wir haben das HTML -Tag "" verwendet "". Dieses Tag wird verwendet, um einen Hyperlink hinzuzufügen. Bevor wir die HTML in unserer Datei eingeführt haben, haben wir zunächst eine reguläre Textzeile hinzugefügt, um den Link damit zu investieren. Dann haben wir das "” -Tag eingeleitet.
In diesem Tag haben wir einige seiner Attribute ausgeübt. Das erste Attribut ist "HREF", das sich auf die Referenz des Hyperlink bezieht. Dies ist ein obligatorisches Feld, da der Link für die bereitgestellte Referenz erstellt wird. Wir haben also die URL von Google als https: // google zur Verfügung gestellt.com ”Das andere Attribut, das wir hier verwendet haben, ist das„ Ziel “. Die Eigenschaft "Ziel" identifiziert, wann ein Link angeklickt wird, auf den er geöffnet wird. Dieses Attribut bietet mehrere Optionen zum Öffnen des Links. Wir haben den Wert "_blank" angegeben. Das Einstellen von "_blank: Als Wert des Attributs" Ziel "wird das Verknüpfen, wenn geklickt wird, um in einem neuen Fenster zu öffnen, anstatt es im selben Frame zu öffnen. Zwischen den Eröffnungs- und Schließungs -Tags müssen wir den Titel des Links schreiben. Wir haben den Text als "Link klicken" hinzugefügt, und dann ist das Tag mit einem Backslash als "" geschlossen.
So sieht unsere Webseite mit einem Link in Übereinstimmung mit der Textzeile aus. Wenn wir darauf klicken, wird wir uns auf eine neue Fenster-Referenzwebseite leiten.
Also haben wir auf den Link geklickt, und es führte uns zu einem neuen Fenster unseres Browsers, um auf die in den Link eingebettete Webseite zuzugreifen. Auf die gleiche Weise können wir andere Links im Dokument so einstellen, dass sie in einem gezielten Fenster und nicht im selben Fenster geöffnet werden.
Wir können den Link -Text auch stylen, damit er in einem besseren Format aussieht, das sich visuell gut anfühlt. Dazu haben wir uns dazu entschlossen, den Text des Links mutig zu gestalten und es auch kursiv zu machen. Der Text unseres Links lautet "Klicken Sie auf Link". Wir haben drei Stern vor der Zeichenfolge und drei nach der Zeichenfolge hinzugefügt (ohne eine Lücke zwischen Text und Sternchen). In Markdown, wenn wir möchten, dass der Text sowohl mutig als auch kursiv ist, legen wir dreisternige Sternchensymbole um den Text.
Beide Links, die wir für diese Lektion festgelegt haben, haben Unterschiede, die Sie beobachten können. Die 2nd Link sieht sichtbar viel besser aus als der erste, was nicht gestaltet ist.
Abschluss
Dieser Artikel basiert auf Markdown -Links -Attributen. Hier ist das Kerndiskussionsthema, einen externen Markdown -Link in einem neuen Fenster zu öffnen. Wir haben einen Beispiellink in einer Markdown -Datei erstellt und anschließend darauf geklickt, die uns zur referenzierten Webseite anführte, aber den Link auf derselben Registerkarte geöffnet wurde. Ein weiterer Link, der die HTML -Tags mithilfe der HTML -Tags verwendet. Außerdem haben wir gelernt, den Link -Text zu stylen, damit er sichtbar verbessert aussieht.