a 태그 새창 링크 연결 target="_blank" + 하이퍼링크의 보안 취약점 보완

 

 

a 태그 작성시 href="~~"  만 작성하면 지금 보는 화면에서  "~~" 웹주소로 이동한다. 

<a href="https://ppojjakcoding.tistory.com"></a>

 

새창으로 이동할땐? 

target="_blank"    를 <a> 태그에 추가한다.

<a href="https://ppojjakcoding.tistory.com" target="_blank"></a>

 

 

이때 하이퍼링크의 보안 취약점 까지 보완하고 싶다면?

rel="noopener"    속성을 추가한다.

<a href="https://ppojjakcoding.tistory.com" target="_blank" rel="noopener"></a>

 

 

 [ HTML ]

 

        <div class="search-wrap">

          <!-- 검색바 -->

           <h1>

            <div class="logo">

              <a href="https://ppojjakcoding.tistory.com" target="_blank" rel="noopener"><img src="./assets/logo/logo.webp" alt="로고"></a>

            </div>

           </h1>

          <div class="search-bar">

            <form action="" class="search"></form>

          </div>

          <!-- //검색바 -->

 

 

 

 

 

 

 

 

 

 

 

 

 

참고 

*블로그- [HTML] a 태그의 target="_blank" 속성 보안 취약점

https://velog.io/@mangozoo20/HTML-a-%ED%83%9C%EA%B7%B8%EC%9D%98-targetblank-%EC%86%8D%EC%84%B1-%EB%B3%B4%EC%95%88-%EC%B7%A8%EC%95%BD%EC%A0%90