[html/css] 링크(새 창) 보안 문제 해결하기

선요약 : 링크 안에 아래와 같이 rel=noopner를 추가한다.

<a 어쩌구저쩌구 rel="noopner"></a>

 

html코드에 새 창으로 열 수 있는 링크 코드를 삽입하는 방법은 아래와 같다

<a href="https://github.com/Sangddong" target="_blank">내 깃허브 링크</a>

그런데 이 코드는 새 창에서 외부로 이동하는 것이므로, 보안문제가 발생할 수 있다.

따라서 해결방법은 아래와 같다

 

1. rel="noopner" 삽입

<a href="https://github.com/Sangddong" target="_blank" rel="noopener">내 깃허브 링크</a>

2. 이미지로 문구를 대신하는 경우 로컬에 저장하기

- 난 주로 이미지를 img라는 폴더 안에 저장하여 사용한다.

- 인터넷에 올라와있는 이미지의 링크를 삽입하는 경우 보안 문제로 이어질 수 있다.

- 로컬에 저장하여 사용하는 것이 가장 안전하다.

- 이때에도 rel="noopner"는 사용해야한다

<a href="https://github.com/Sangddong" target="_blank" rel="noopener"><img src="img/site.jpg" alt="github"></img></a>