HTML 프로젝트를 진행 중이며 자바 스크립트없이 새 탭에서 링크를 여는 방법을 찾을 수 없습니다.
이미 <a href="http://www.WEBSITE_NAME.com"></a>동일한 탭에서 링크 를 여는 것을 알고 있습니다. 새로운 아이디어로 여는 방법에 대한 아이디어가 있습니까?
답변:
링크의 'target'속성을 다음으로 설정하십시오 _blank.
<a href="#" target="_blank" rel="noopener noreferrer">Link</a>편집 : 다른 예를 보려면 여기를 참조하십시오 : http://www.w3schools.com/tags/att_a_target.asp
(참고 : 내가 이전에 제안 blank대신 _blank. GolezTrol가 지적했듯이, 그것은 이름을 참조 만하기 때문에, 사용 된 경우,이 새 탭을 열 수 있습니다 다음 링크를 다시 클릭하면 동일한 탭을 사용하기 때문에 그러나,이입니다 링크를 다시 눌러 동일한 탭에서 열 때 설정되고 사용되는 프레임 / 창의 a).
보안 고려 사항!
는 rel="noopener noreferrer"악의적 원래 탭을 수정할 수있는에서 새로 열린 탭을 방지하는 것입니다. 이 취약점에 대한 자세한 내용은 다음 리소스를 참조하십시오.
blank프레임 또는 창의 이름입니다. 이름이 'blank'인 이름이 없으면 새 창이나 탭이 열릴 수 있지만 링크를 두 번 클릭하면 다른 탭을 열지 않고 동일한 탭에서 페이지를 다시 열어야합니다.
blank당신 대신에 잘 사용할 수 foo있다고 생각하지만 _blank실제로는 특별한 의미가 있습니다. 달리 증명할 정보가 없습니다. 너는 할수 있니?
_blank괜찮을 것입니다; 링크는 각각 다른 탭에서 열립니다. 밑줄없이 이름을 지정하면 (예 :) blank링크가 같은 탭에서 열립니다.
요구 사항에 따라 이들 중 하나를 사용하십시오.
링크 된 문서를 새 창이나 탭에서 엽니 다.
<a href="xyz.html" target="_blank"> Link </a>클릭 한 것과 동일한 프레임에서 링크 된 문서를 엽니 다 (기본값).
<a href="xyz.html" target="_self"> Link </a>부모 프레임에서 링크 된 문서를 엽니 다.
<a href="xyz.html" target="_parent"> Link </a>창의 전체 본문에서 링크 된 문서를 엽니 다.
<a href="xyz.html" target="_top"> Link </a>명명 된 프레임에서 링크 된 문서를 엽니 다.
<a href="xyz.html" target="framename"> Link </a>target="_blank"취약점이 있음을 염두에두고 mathiasbynens.github.io/rel-noopener
매 링크마다 명령을 수행하는 대신 전체 사이트에 대해 명령을 한 번 수행하려는 경우. 웹 사이트 및 빙고의 헤드 내 에서이 장소를 사용해보십시오.
<head>
<title>your text</title>
<base target="_blank" rel="noopener noreferrer">
</head>도움이 되었기를 바랍니다
사용 target="_blank":
<a href="http://www.example.com/" target="_blank" rel="noopener noreferrer">This will open in a new window!</a>사용시기 target='_blank':
HTML 버전 (일부 장치에서는 지원하지 않음) :
<a href="http://chriscoyier.net" target="_blank">This link will open in new window/tab</a>모든 장치에 대한 JavaScript 버전 :
rel = "external"사용은 완벽하게 유효합니다
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$('a[rel="external"]').attr('target', '_blank');
</script>Jquery의 경우 아래 중 하나를 시도해 볼 수 있습니다.
$("#content a[href^='http://']").attr("target","_blank");브라우저 설정으로 새 창에서 열 수없는 경우 :
href = "google.com";
onclick="window.open (this.href, ''); return false";target="_blank"속성이 작업을 수행합니다. rel="noopener noreferrer"잠재적 인 취약점을 해결하기 위해 추가 하는 것을 잊지 마십시오 . 자세한 내용은 https://dev.to/ben/the-targetblank-vulnerability-by-example
<a href="https://www.google.com/" target="_blank" rel="noopener noreferrer">Searcher</a>당신이 사용할 수있는:
<a href="http://www.WEBSITE_NAME.com" target="_blank"> Website</a>그러나 위의 내용은 귀하의 사이트를 피싱 공격에 취약하게 만듭니다. 링크에 rel = "noopener noreferrer"를 추가하여 일부 브라우저에서 발생하지 않도록 할 수 있습니다. 이것을 추가하면 위의 예는 다음과 같습니다.
<a href="http://www.WEBSITE_NAME.com" rel="noopener noreferrer" target="_blank">Website.com</a> 자세한 내용은 https://www.thesitewizard.com/html-tutorial/open-links-in-new-window-or-tab.shtml 을 확인하십시오.
다음과 같이 할 수 있습니다.
<a href="https://duckduckgo.com/" target="_blank" rel="noopener noreferrer">Open Duck</a>보안 및 개인 정보 보호에 대한 자세한 내용은 MDN 에서 다음 URL 을 참조하십시오.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Security_and_privacy
다음으로 Target__blank " 라는 좋은 기사에 대한 링크 가 있습니다 .
https://www.jitbit.com/alexblog/256-targetblank---the-most-underestimated-vulnerability-ever/
<a href="url" target="_blank">...</a>