Link aberto de Markdown na nova guia

“O Markdown nos fornece maneiras diferentes de criar links em documentos. Quando clicamos no link, ele nos levou para a página de destino na mesma janela do nosso navegador. Às vezes, isso deixa o usuário frustrado, pois leva a outro domínio diretamente, e o leitor pode ter que rolar por todo o documento para encontrar uma seção específica. Definir os links para carregar em uma guia do navegador sempre que um clique é uma correção rápida para este cenário.”

Neste artigo, aprenderemos a criar um link que será aberto em uma nova guia quando clicado.

Direcionando um link no Markdown para abrir em uma nova guia

Quando você está criando documentação em Markdown, para referência ou outros propósitos, você adicionará links em seu arquivo. Então, quando um usuário clica neles, ele os levará à página direcionada. Esses links devem abrir o endereço de destino na mesma guia. Você pode enfrentar uma situação em que deseja que o link seja aberto em uma nova janela ou guia do navegador. Explicaremos o que funciona para conseguir isso e o que não produz o resultado esperado com a implementação prática do script de marcação.

A ferramenta para montar o script foi inicialmente escolhida. Esta ferramenta é o código do Visual Studio. Depois de instalá -lo, lançamos a interface. No canto superior esquerdo da barra de menus, selecione a opção "Arquivo" e, em seguida, crie um novo arquivo. Selecione o tipo de arquivo como Markdown. Você pode verificar os dados do arquivo, que serão mencionados no canto inferior direito da barra de status onde “Markdown” será rotulado. Devemos adicionar uma extensão de marcação que é "Markdown All in One", em nossa ferramenta. Scripts de remarca podem ser visualizados para o resultado antecipado. Para abrir a janela de visualização, pressione as teclas “Shift+Enter+V”. Agora, todos os requisitos para compilar o script sem interrupção foram realizados; Assim, iniciaremos a implementação do script de marcação.

Os links externos apontam para algum domínio externo. Podemos criar links externos no Markdown para abrir o link em outro arquivo ou página da web. A sintaxe para criar links externos é dada abaixo:

O texto do link que o usuário verá será incluído entre colchetes. E o URL do link será mencionado nos suportes redondos.

Usando esta sintaxe, criaremos um link externo no Markdown. Primeiro criamos um título com o tamanho H1. Para criar o cabeçalho do nível 1, um único símbolo de hash (#) deve ser usado, que será seguido por um espaço, e então o título do cabeçalho é adicionado. Então, adicionamos o hash (#) e, depois de dar o espaço, escrevemos o título "Este é o documento de amostra".

Além disso, para tornar o cabeçalho ousado, usamos os delimitadores de asteriscos (*). Um par de asteriscos (**) deve ser colocado antes e depois do texto para girá -lo ousado. Isso nos renderá um cabeçalho em negrito de primeiro nível em nosso documento. Deixamos uma linha em branco e depois adicionamos um segundo título com o tamanho H2, inserindo hashes duplos (##), espaço e o título do cabeçalho como "gerar um link externo". Agora começamos a tarefa principal, que é a geração de links.

Para criar o link externo, primeiro inserimos algum texto. É sua própria escolha se você deseja que o link seja fechado na linha de texto ou exibido separadamente. Então, adicionamos o texto "se você deseja procurar mais informações" e depois criamos um link. Os colchetes foram inseridos e, dentro deles, o texto para o link é especificado como "Open Google". Logo depois, colocamos os aparelhos redondos e, entre os parênteses, o URL da página da web é mencionado. Nesse caso, precisamos do link para nos levar à página de pesquisa do Google. Por isso, fornecemos o URL do site, que é https: // www.Google.com/”. Então escrevemos o texto depois dele como "e escrevamos a consulta". Este script pode ser visto na imagem aqui:

Na janela de visualização, você verá um cabeçalho que foi estilizado em negrito, depois um segundo título e, depois disso, uma linha de texto é renderizada. Esta linha de texto possui uma string de texto "Open Google" na cor azul, que mostra que é um link. Ao clicar neste texto azul, ele o direcionará para o mecanismo de pesquisa do Google.

Vamos tentar clicar nele para abrir um domínio externo.

Por isso, levou -nos à página da web no URL fornecido.

O link que clicamos será aberto na mesma guia. Você pode precisar do link para ser aberto em uma nova janela ou guia em vez de abri -lo na mesma guia. Markdown não fornece nenhum atributo para direcionar um link para abrir em uma guia Target. Mas o Markdown nos permite usar o HTML em nosso script de marcação para fazer esta tarefa.

Para abrir um link em uma nova guia, temos um atributo "Target" no HTML, que nos permitirá definir um alvo onde o link deve abrir. Nós utilizamos a tag html “”. Esta tag é empregada para adicionar um hiperlink. Antes de introduzirmos o HTML em nosso arquivo, primeiro adicionamos uma linha de texto regular para incluir o link com ele. Então inserimos a tag "".

Nesta tag, exercemos alguns de seus atributos. O primeiro atributo é "href", que se refere à referência do hiperlink. Este é um campo obrigatório porque o link é criado para a referência fornecida. Então, fornecemos o URL do Google como https: // google.com ”O outro atributo que usamos aqui é o“ alvo ”. A propriedade "Target" identifica quando um link é clicado onde seria aberto. Este atributo fornece várias opções sobre a abertura do link. Especificamos o valor "_blank". Definir “_blank: como o valor do atributo“ Target ”será vinculado quando clicado para abrir em uma nova janela em vez de abri -lo no mesmo quadro. Entre as tags de abertura e fechamento “”, temos que escrever o título do link. Adicionamos o texto como "clique em link" e, em seguida, a tag é fechada com uma barra de barra "".

É assim que nossa página da web será com um link alinhado com a linha de texto. Quando clicarmos nele, ele nos direcionará para uma nova página da web referenciada pela janela.

Então clicamos no link e nos levou a uma nova janela do nosso navegador para acessar a página da web incorporada no link. Da mesma maneira, podemos definir outros links no documento para abrir em uma janela alvo, e não na mesma janela.

Também podemos estilizar o texto do link para que possa parecer em um formato melhor que se sente bem visualmente. Então, para fazer isso, decidimos fazer o texto do link em negrito e também em itálico. O texto do nosso link é "clique em link"; Adicionamos três asteriscos antes da corda e três após a string (sem qualquer lacuna entre texto e asteriscos). No Markdown, quando queremos que o texto seja ousado e em itálico, colocamos símbolos triplos de asterisco em torno do texto.

Ambos os links que estabelecemos para esta lição têm diferenças que você pode observar. O 2^nd Link parece visivelmente muito melhor do que o primeiro, que não é estilizado.

Conclusão

Este artigo é baseado nos atributos de links de remarkdown. Aqui, o tópico principal de discussão é abrir um link de marcação externo em uma nova janela. Fizemos um link de exemplo em um arquivo de marcação e depois clicamos nele, que nos direcionou para a página da web referenciada, mas ele abriu o link na mesma guia. Em seguida, outro link usando as tags HTML é gerado para a mesma página da web, mas a abrimos em uma nova guia do navegador usando o atributo "Target". Além disso, aprendemos a estilizar o texto do link, para que possa parecer visivelmente aprimorado.