사용자를 타사 웹 페이지로 안내하려는 경우 기본 동작은 링크가 동일한 탭의 해당 페이지로 직접 이동하는 것입니다. 페이지를 다시 쉽게 탐색할 수 있도록 새 탭에서 타사 외부 링크를 열어 페이지에 사용자를 유지할 수 있습니다. 이 문서에서는 그 방법을 다룹니다.
구문
<a href="https://placekitten.com/1000/1000" target="_blank" rel="noopener noreferrer">Click to See a Kitten!</a>
이 특정 기능은 간단합니다. 대상 속성을 추가하고 _blank로 설정해야 합니다. 브라우저 설정에 따라 새 브라우저 탭이나 새 브라우저 창에서 열립니다. noreferrer 및 noopener rel 속성은 사용자의 출처를 마스킹하고 악의적인 공격을 방지합니다.
Noreferrer는 SEO(검색 엔진 최적화)가 특정 사용자의 출처를 기록하지 못하도록 합니다. 대신 직접 링크로 표시됩니다. Noopener는 악의적인 html 문서가 문서에 액세스하여 나쁜 일을 하는 것을 방지합니다.
전체 코드베이스는 다음과 같습니다.
<html> <head> <link href="./style.css" type="text/css" rel="stylesheet" /> </head> <body> <a href="https://placekitten.com/1000/1000" target="_blank" rel="noopener noreferrer">Click on the link to See a Kitten!</a> </body> </html>