Abrir link em uma nova guia em HTML
Este artigo discutirá um método para abrir um link em uma nova guia em HTML.
Use target="_blank" para abrir o link em uma nova guia em HTML
Podemos usar o atributo target na tag âncora para abrir um link em uma nova guia em HTML. O valor _blank no atributo target da tag âncora abre o link na nova guia. A tag âncora <a> define um hiperlink usado para vincular de uma página a outra. O atributo href define o URL da página que você deseja vincular. A opção target="_blank" muda o link para a nova guia. O valor _blank informa ao navegador para abrir o link em uma nova aba, dependendo das configurações do navegador. Podemos adicionar o atributo rel na tag âncora com o valor noopener noreferrer como medida de segurança. O rel=" noopener noreferrer" evita que a guia recém-aberta seja capaz de modificar a guia original de forma maliciosa. No entanto, os navegadores modernos definem a opção implicitamente quando usamos a opção target="_blank".
Por exemplo, dentro do corpo do HTML, abra a guia âncora <a> e digite o atributo href dentro dela. Escreva o URL https://www.facebook.com/ como o valor do atributo href. Em seguida, escreva target como o atributo da tag âncora e atribua a ela um valor _blank. Depois disso, escreva o atributo rel com o valor noopener noreferrer. Em seguida, escreva o texto Link entre a tag âncora. Por fim, não se esqueça de fechar a tag âncora seguida pela tag do corpo.
O exemplo abaixo abre uma nova aba quando clicamos na palavra Link. Ele abre a página do Facebook quando clicamos no link.
Código de exemplo:
<body>
<a href="https://www.facebook.com/" target="_blank" rel="noopener noreferrer" >
Link
</a>
</body>
Sushant is a software engineering student and a tech enthusiast. He finds joy in writing blogs on programming and imparting his knowledge to the community.
LinkedIn