처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
퀴즈 / HTML / 문제

HTML 링크에서 rel="noopener noreferrer"를 함께 사용하는 이유는?

보통 MDN Web Docs
보기 및 정답
A 링크의 로딩 속도를 높이기 위해 브라우저가 해당 페이지의 리소스를 미리 다운로드하고 로컬 캐시에 저장하도록 사전 설정하는 역할을 한다
B 새 탭에서 열린 페이지가 원본 페이지를 조작하지 못하게 하고, 참조 정보(referrer) 전송을 막아 보안과 개인정보를 보호한다
C 링크의 SEO 점수를 높이기 위해 검색 엔진에 해당 링크의 중요도와 관련성을 전달하는 메타 정보를 설정한다
D 링크를 캐시하여 오프라인에서도 접근 가능하게 하며 브라우저가 로컬 저장소에 전체 페이지 사본을 보관한다

해설

noopener는 target="_blank"로 열린 새 창에서 window.opener를 통해 원본 페이지에 접근하는 것을 차단합니다. noreferrer는 HTTP Referer 헤더 전송을 막아 사용자의 이전 페이지 정보가 노출되지 않도록 합니다. 외부 링크에서 보안과 프라이버시를 위해 함께 사용합니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기