링크를 만들기 위해 사용하는 방법&당신이 원하는 곳을 엽니 다!

_공백

만 사용target의 현재 관련 값은_blank입니다. target의 다른 값은 특정 프레임을 지정하는 데 사용되었습니다. 그러나 프레임은 더 이상 사용되지 않습니다.

기본 대상

target을 지정하지 않으면 사용자 또는 브라우저가 달리 지정하지 않는 한 현재 컨텍스트에서 링크가 열립니다.

대상=”_공백”새 브라우저 탭(또는 창)에서 열기

target속성은 링크를 클릭할 때 연결된 문서가 열릴 위치를 지정합니다. 기본값은 현재 창입니다. target="_blank"인 경우 링크된 문서가 새 탭이나(이전 브라우저에서)새 창에서 열립니다.

왜 새 브라우저에서 열 수 있습니까?

`대상=”_공백”을 사용하는 가장 일반적인 이유는 오프사이트 링크가 별도의 탭에서 열리기 때문입니다. 이것은 사용자가 참조를 클릭하고 현재 페이지를 떠나지 않고 나중에 다시 올 수 있습니다. 사이트 방문자를 더 오래 유지하고 이탈률,전환율,방문한 페이지 등 대부분의 메트릭을 향상시킵니다.

자바스크립트

를 사용하여 새 탭에서 모든 외부 링크 열기 사이트의 모든 링크에target="_blank"를 수동으로 추가할 필요가 없습니다. 너가 많게(너가 해야 하는)밖으로 연결하면,너의 위치에 약간 자바스크립트 부호를 추가하,모든 외부 연결을_blank연결로 자동으로 돌는것은 쉽다.

jQuery(document.links) .filter(function() { return this.hostname != window.location.hostname; }) .attr('target', '_blank'); 

(이 웹 사이트의 모든 페이지에서이 코드의 약간 수정 된 양식을 볼 수 있습니다.)이 트릭은 제이 쿼리가 필요하지만 이미 사용할 수있는 좋은 기회가 있습니다. 그것은 워드 프레스,드루팔,트위터 부트 스트랩을 포함하여 가장 인기있는 프레임 워크 및 콘텐츠 관리 시스템에 사용됩니다. 당신이 그것을 할 필요가 있다면,그것은 또한 할 수 있습니다. 여기에”일반 자바 스크립트”버전이 있습니다:

function externalLinks() { for(var c = document.getElementsByTagName("a"), a = 0;a < c.length;a++) { var b = c; b.getAttribute("href") && b.hostname !== location.hostname && (b.target = "_blank") } } ; externalLinks(); 

더 쉽게 만드는 것 외에도,이것은 당신의 마크 업을 상당히 정리합니다.

사용 하지 않는 이유`대상=”_블랭크”

어떤 사람들은 사용자가 새로운 브라우징 컨텍스트에서 링크를 열기를 선호 하지 않는 주장. 그들은 그렇게하는 것은 팝업 광고 및 기타 성가신 행동과 유사하다고 생각. 탭 브라우징의 상승과 함께,이 인수는 크게 사라 졌어요. 대부분의 사용자는 현재 탐색 컨텍스트를 잃지 않고 나중에 읽기 위해 큐 참조 링크를 제공 할 수 있기 때문에 새 탭에서 링크를 여는 것을 선호합니다.

아담은 개발자 문서 및 자습서 전문 기술 작가이다.