HTML을 다른 창이나 탭에서 하이퍼 링크로 여는 방법은 무엇입니까?


93

다음은 HTML의 하이퍼 링크 라인입니다.

<a href="http://www.starfall.com/">Starfall</a>

따라서 "Starfall"을 클릭하면 FireFox를 사용하고있는 내 브라우저가 해당 새 페이지로 이동하고 내 창의 내용이 변경됩니다. 이전 페이지를 변경하는 대신 새 페이지가 새 창에서 열리도록 HTML에서 어떻게 할 수 있습니까? HTML에 그런 방법이 있습니까?

그렇다면 내 브라우저의 다른 탭 (다른 창 아님)에서 요청한 페이지를 여는 방법이 있습니까?

답변:


136
<a href="http://www.starfall.com/" target="_blank">Starfall</a>

탭이나 다른 창에서 열리는 지 여부는 사용자가 브라우저를 구성한 방법에 달려 있습니다.


6
모든 브라우저가 탭을 지원하는 것은 아니며 새 탭에서 열리는 페이지와 새 창에서 열리는 페이지는 사용자가 구성 할 수있는 설정입니다. 탭과 창에서 열어야하는 링크를 지정하는 현재 방법은 없습니다.
bta

2
target 속성은 href 속성 이후에 선언되어야 함을 기억하십시오
MC

108

가장 간단한 방법은 대상 태그를 추가하는 것입니다.

<a href="http://www.starfall.com/" target="Starfall">Starfall</a>

다른 탭에서 열려면 각 링크의 대상 속성에 다른 값을 사용하고 다른 탭을 바꾸려면 대상 속성에 동일한 값을 사용하십시오.


46
목표가 '_blank'일 필요는 없음을 지적하기 위해 +1.
GSto

4
이것이 유효한 HTML5라는 점은 주목할 가치가 있습니다.
AeroCross 2013 년

'이름'은 무엇을 의미합니까?
Vnge 2013-07-24

8

사용하다 target="_blank"

<a target='_blank' href="http://www.starfall.com/">Starfall</a>


7

추가 할 수 있어야합니다.

target="_blank"

처럼

<a href="http://www.starfall.com/" target="_blank">Starfall</a>

7

target속성은이 일을 당신의 가장 좋은 방법입니다.

<a href="http://www.starfall.com" target="_blank">

새 탭이나 창에서 열립니다. 어느 정도는 사용자 설정에 따라 다릅니다.

<a href="http://www.starfall.com" target="_self">

기본값입니다. 페이지가 동일한 탭 (또는 iframe, 처리중인 경우)에서 열립니다.
다음 두 가지는 iframe을 다루는 경우에만 좋습니다.

<a href="http://www.starfall.com" target="_parent">

링크가 있던 iframe이 있던 iframe에서 링크가 열립니다.

<a href="http://www.starfall.com" target="_top">

통과해야하는 iframe 수에 관계없이 탭에서 링크가 열립니다.


다른 모든 사람의 예에서 해당 색상 텍스트를 어떻게 사용합니까?
hellol11 2015

5

target = _blank는 브라우저 설정에 따라 새 탭 또는 창에서 열립니다.

새 창을 강제로 사용하려면 자바 스크립트 onclick 세 부분이 모두 필요합니다. URL, 이름, 창 너비 및 높이 크기 또는 새 탭에서 열립니다.

<a onclick="window.open('http://www.starfall.com/','name','width=600,height=400')">Starfall</a>

4

페이지 헤더에 다음을 추가하여이를 수행 할 수도 있습니다.

<base target="_blank">

그러면 페이지의 모든 링크가 새 탭에서 열립니다.


4

웹은 빠르게 진화하고 있기 때문에 시간이 지남에 따라 몇 가지 사항이 변경됩니다. 보안 문제의 경우 rel="noopener".NET Framework와 함께 속성 을 사용할 수 있습니다 target="_blank".

Google Dev Documentation에 명시된 것처럼 다른 페이지는 window.opener property. 이제 외부 링크는 다음과 같습니다.

<a href="http://www.starfall.com/" target="_blank" rel="noopener">Starfall</a>

<a href="http://www.starfall.com/" target="_blank" rel="noopener noreferrer">Starfall</a>요즘에는 둘 다 가지는 것이 가장 좋은 방법 인 것 같습니다
ContextCue

1

아래 예 target="_blank"는 Safari 및 Mozilla 에서 작동합니다.

<a href="http://www.starfall.com" `target="_blank"`>

target="new"Chrome에서 작동하는 사용

<a href="http://www.starfall.com" `target="new"`>

2
당신의 대답이 다른 수십 명과 구별되는 것은 무엇입니까?
Farside
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.