Markdown Open Link w nowej karcie

„Markdown zapewnia nam różne sposoby tworzenia linków w dokumentach. Po kliknięciu linku zabrał nas do strony docelowej w tym samym oknie naszej przeglądarki. Czasami sprawia, że ​​użytkownik jest sfrustrowany, ponieważ prowadzi to bezpośrednio do innej domeny, a czytelnik może być konieczny do przewinięcia całego dokumentu, aby znaleźć określoną sekcję. Ustawianie linków do załadowania w zakładce przeglądarki za każdym razem, gdy kliknięcie jest szybką poprawką dla tego scenariusza."

W tym artykule nauczymy się tworzyć link, który otworzy się na nowej karcie po kliknięciu.

Kierowanie linkiem w Markdown, aby otworzyć się w nowej karcie

Kiedy tworzysz dokumentację w Markdown, w celu odniesienia lub innych celów, dodasz linki do swojego pliku. Więc gdy użytkownik je kliknie, zabierze go na stronę ukierunkowaną. Te linki otwierają adres docelowy w tej samej karcie. Możesz zmierzyć się z sytuacją, w której chcesz otworzyć link w nowym oknie lub zakładce przeglądarki. Wyjaśnimy, co działa, aby to osiągnąć i co nie daje oczekiwanego wyniku w praktycznej wdrożeniu skryptu Markdown.

Narzędzie do montażu skryptu zostało początkowo wybrane. To narzędzie to kod Visual Studio. Po jego zainstalowaniu uruchomiliśmy interfejs. Z lewego górnego rogu paska menu wybierz opcję „Plik”, a następnie utwórz nowy plik. Wybierz typ pliku jako Markdown. Możesz zweryfikować dane pliku, które zostaną wymienione w prawym dolnym rogu paska stanu, w którym zostanie oznaczone „Markdown”. Musimy dodać rozszerzenie Markdown, które jest „Markdown All in One” w naszym narzędziu. Skrypty Markdown można podgląd w przewidywanym wyniku. Aby otworzyć okno podglądu, naciśnij klawisze „Shift+Enter+V”. Teraz wszystkie wymagania do opracowania skryptu bez żadnych zakłóceń zostały dokonane; W ten sposób rozpoczniemy implementację skryptu Markdown.

Linki zewnętrzne wskazują na jakąś domenę zewnętrzną. Możemy utworzyć zewnętrzne linki w Markdown, aby otworzyć link w innym pliku lub stronie internetowej. Składnia do tworzenia zewnętrznych linków podano poniżej:

Tekst linku, który zobaczy użytkownik, zostanie zamknięty w kwadratowych nawiasach. A adres URL linku zostanie wspomniany w okrągłych nawiasach.

Korzystając z tej składni, utworzymy link zewnętrzny w Markdown. Najpierw stworzyliśmy nagłówek z rozmiarem H1. Aby stworzyć nagłówek poziomu 1, należy użyć pojedynczego symbolu skrótu (#), po którym nastąpi przestrzeń, a następnie dodano tytuł nagłówka. Dodaliśmy więc skrót (#) i po podaniu przestrzeni napisał nagłówek „To jest przykładowy dokument”.

Ponadto, aby odważyć nagłówek, wykorzystaliśmy likwidy gwiazdki (*). Para gwiazdek (**) musi być umieszczona przed i po tekście, aby odwrócić go odważne. To da nam odważny nagłówek pierwszego poziomu w naszym dokumencie. Zostawiliśmy pustą linię, a następnie dodaliśmy drugi nagłówek z rozmiarem H2, wkładając podwójne skróty (##), przestrzeń i tytuł nagłówka jako „Generuj link zewnętrzny”. Teraz rozpoczynamy główne zadanie, jakim jest generowanie linków.

Aby utworzyć link zewnętrzny, najpierw włożyliśmy tekst. Jest to twój własny wybór, czy chcesz, aby link był zamknięty w wierszu tekstowym, czy wyświetlany osobno. Dodaliśmy więc tekst „Jeśli chcesz wyszukać więcej informacji”, a następnie utworzyliśmy link. Kwadratowe nawiasy zostały wstawione, a w nich tekst do linku jest określony jako „Otwórz Google”. Zaraz po nim umieściliśmy okrągłe aparaty ortodontyczne, a między nawiasami wspomniano o adresie URL strony internetowej. W takim przypadku potrzebujemy linku, aby zabrać nas na stronę wyszukiwania Google. Więc dostarczyliśmy adres URL witryny, który jest https: // www.Google.com/”. Następnie napisaliśmy tekst po nim jako „i piszliśmy zapytanie”. Ten skrypt można zobaczyć tutaj na zdjęciu:

W oknie podglądu zobaczysz nagłówek, który został odważny, a potem drugi nagłówek, a następnie renderowana linia tekstowa. Ta linia tekstowa ma ciąg tekstowy „Otwórz Google” w kolorze niebieskim, który pokazuje, że jest to link. Po kliknięciu tego niebieskiego tekstu skieruje Cię do wyszukiwarki Google.

Spróbujmy kliknąć go, aby otworzyć domenę zewnętrzną.

Więc zabrało nas to na stronę internetową na dostarczonym adresie URL.

Link, który kliknęliśmy, zostanie otwarty na tej samej karcie. Możesz potrzebować otwartego linku w nowym oknie lub zakładce zamiast otwierania go na tej samej karcie. Markdown nie podaje żadnego atrybutu, aby kierować linkiem do otwarcia w zakładce docelowej. Ale Markdown pozwala nam używać HTML w naszym skrypcie Markdown, aby wykonać to zadanie.

Aby otworzyć link w nowej karcie, mamy atrybut „cel” w HTML, który umożliwi nam ustawienie celu, w którym link zostanie otwarty. Wykorzystaliśmy znacznik HTML „”. Ten tag jest stosowany do dodania hiperłącza. Zanim wprowadziliśmy HTML w naszym pliku, najpierw dodaliśmy zwykłą linię tekstową, aby zająć się nią. Następnie wstawiliśmy tag „”.

W tym znaczniku skorzystaliśmy z niektórych jego atrybutów. Pierwszym atrybutem jest „HREF”, który odnosi się do odniesienia hiperłącza. Jest to pole obowiązkowe, ponieważ link jest tworzony dla podanego odniesienia. Tak więc dostarczyliśmy adres URL Google jako https: // Google.com ”Innym atrybutem, którego tu użyliśmy, jest„ cel ”. Właściwość „docelowa” identyfikuje, gdy link zostanie kliknięty tam, gdzie zostanie otwarta. Ten atrybut zawiera kilka opcji dotyczących otwarcia linku. Określiliśmy wartość „_blank”. Ustawienie „_blank: ponieważ wartość atrybutu„ Target ”połączy się po kliknięciu, aby otworzyć w nowym oknie zamiast otwierać go w tej samej ramce. Pomiędzy tagami otwierającymi i zamykającymi „” musimy napisać tytuł linku. Dodaliśmy tekst jako „Link kliknięcia”, a następnie znacznik jest zamknięty z backslash jako „”.

Tak będzie wyglądać nasza strona internetowa z linkiem w kolejce z linią tekstową. Po kliknięciu go skieruje nas na nową stronę internetową odwołaną przez okno.

Kliknęliśmy więc link, który doprowadził nas do nowego okna naszej przeglądarki, aby uzyskać dostęp do strony wbudowanej w linku. W ten sam sposób możemy ustawić inne linki w dokumencie, aby otworzyć się w ukierunkowanym oknie, a nie w tym samym oknie.

Możemy również stylizować tekst linku, aby mógł wyglądać w lepszym formacie, który wizualnie czuje się dobrze. Aby to zrobić, postanowiliśmy odważyć tekst linku, a także go kursywą. Tekst naszego linku to „Link kliknięcia”; Dodaliśmy trzy gwiazdki przed ciągiem i trzy po łańcuchu (bez szczeliny między tekstem a gwiazdkami). W Markdown, kiedy chcemy, aby tekst był zarówno odważny, jak i kursyw.

Oba linki, które ustaliliśmy dla tej lekcji, mają różnice, które możesz zaobserwować. 2^Nd Link wygląda wyraźnie znacznie lepiej niż pierwszy, który nie jest stylizowany.

Wniosek

Ten artykuł oparty jest na atrybutach Markdown Links. Tutaj głównym tematem dyskusji jest otwarcie zewnętrznego linku Markdown w nowym oknie. Zrobiliśmy przykładowy link w pliku Markdown, a następnie kliknęliśmy go, co skierowało nas na odwołaną stronę internetową, ale otworzył link na tej samej karcie. Następnie generowany jest kolejny link za pomocą tagów HTML dla tej samej strony, ale otworzyliśmy go w nowej karcie przeglądarki za pomocą atrybutu „Target”. Nauczyliśmy się również stylizować tekst linku, więc może wyglądać na wyraźnie ulepszone.