Programming

target =“_ blank”대 target =“_ new”

procodes 2020. 2. 12. 23:44
반응형

target =“_ blank”대 target =“_ new”


차이 무엇 <a target="_new"><a target="_blank">어느 난 그냥 새 탭 / 창에서 링크를 열려면 내가 사용해야은?


"_blank"사용

HTML5 사양 에 따르면 :

유효한 브라우징 컨텍스트 이름 은 U + 005F LOW LINE 문자로 시작하지 않는 하나 이상의 문자 모든 문자열입니다. 밑줄로 시작하는 이름은 특수 키워드 용으로 예약되어 있습니다.

유효한 브라우징 컨텍스트 이름 또는 키워드 중 하나 유효한 브라우징 컨텍스트 이름 문자열 또는 그 중 하나에 대한 아스키 대소 문자를 구분 일치 : _blank, _self, _parent, 또는 _top. "- 소스

이는 _newHTML5 와 같은 키워드가 없으며 HTML4 (및 결과적으로 XHTML)에도 키워드가 없음을 의미 합니다 . 즉,이를 대상 속성의 값으로 사용하면 일관된 동작이 없습니다.

보안 권장 사항

Daniel과 Michael이 주석에서 지적했듯이 _blank신뢰할 수없는 웹 사이트를 가리키는 대상을 사용할 때 또한 설정해야합니다 rel="noopener". 이렇게하면 오프닝 사이트가 JavaScript를 통해 오프너를 망칠 수 없습니다. 자세한 내용은 이 게시물 을 참조하십시오.


를 사용 target="_blank"하면 사용자가 링크를 클릭 할 때 브라우저가 새 브라우저 탭 또는 창을 만들도록 지시합니다.

사용 target="_new"은 사양에 따라 기술적으로 유효하지 않지만 모든 브라우저가 동일한 방식으로 작동한다는 것을 알고 있습니다.

  • 컨텍스트 이름이 "_new"인 탭 또는 창을 검색합니다.
  • "_new"탭 / 창이 발견되면 URL이로드됩니다
  • 찾을 수없는 경우 컨텍스트 이름이 "_new"인 새 탭 / 창이 생성되고 URL이로드됩니다.

참고 target="_new"는와 정확히 동일하게 작동 target="new"하며 후자는 유효한 HTML이고 전자는 유효하지 않은 HTML입니다.

이것에 약간의 혼란을 추가하면 HTML4에서는 target속성이 더 이상 사용되지 않습니다. HTML5에서는이 결정이 취소되었으며 이는 다시 한 번 사양의 공식 부분입니다. 모든 브라우저 target는 사용중인 HTML 버전에 관계없이 지원 하지만 doctype이 HTML4 인 경우 일부 유효성 검사기에서 사용이 중단 된 것으로 표시합니다.


TL; DR
사용 _blank

대상 속성은 링크 된 문서를 열 위치를 지정합니다.

USAGE: target="xyz"  [don't forget double quotes]

_blank  Opens the linked document in a new window or tab
_self   Opens the linked document in the same frame as it was clicked (this is default)
_parent     Opens the linked document in the parent frame
_top    Opens the linked document in the full body of the window 
framename   Opens the linked document in a named frame

SINCE "_new"는 "framename"아래의 IT IT에 속하지 않으므로 사용자가 해당 하이퍼 링크를 다시 클릭하면 새 탭이 열리지 않고 기존 탭이 업데이트됩니다. _blank에서 사용자가 두 번 클릭하면 2 개의 새 탭이 열립니다.


나는 이것이 오래된 질문이라는 것을 알고 있으며 정답은 use _blank이며 여러 번 언급되었지만 <a target="somesite.com" target="_blank">Link</a> 보안 위험이 있습니다.

다음 을 사용하는 것이 좋습니다 ( 성능 이점 ).

<a href="somesite.com" target="_blank" rel="noopener noreferrer">Link</a>

이것은 이전에 요청되었지만 다음과 같습니다.

"target ="_ new "를 지정하는 모든 링크는 이름별로 해당 창을 찾아서 엽니 다.

target = "_ blank를 사용하면 현재 창 위에 매번 새로운 창이 생성됩니다."

여기에서 : http://thedesignspace.net/MT2archives/000316.html


target = whatever그 이름으로 프레임 / 창을 찾는 것이 나의 이해입니다 . 찾을 수 없으면 해당 이름의 새 창이 열립니다. 인 경우를 제외하고 whatever == "_new"사용한 것처럼 나타납니다 _blank.....

예약 된 대상 이름 중 하나를 사용하면 "찾는"단계가 무시됩니다. 따라서, target = "_blank"12 개의 링크에서는 12 개의 빈 창이 target = whatever열리지 만 12 개의 링크에서는 하나의 창만 열립니다. target = "_new"12 개의 링크에서 동작이 일정하지 않을 수 있습니다. 여러 브라우저에서 시도하지 않았지만 하나의 창만 열어야합니다.

적어도 이것이 규칙을 해석하는 방법입니다.


target="_blank" 대부분의 브라우저에서 새 탭을 엽니 다.


주의-항상 따옴표를 포함해야합니다. 적어도 Chrome에서는 target=_blank따옴표가 없습니다 (따옴표 제외)는 target="_blank"따옴표와 동일하지 않습니다 .

후자는 새 탭 / 창에서 각 링크를 엽니 다. 전자 (누락 된 따옴표)는 하나의 새 탭 / 창에서 클릭 한 첫 번째 링크를 연 다음 클릭 한 각 후속 링크 (없는 따옴표로 이름이 지정된)로 동일한 탭 / 창을 덮어 씁니다.


  • 목표 값으로 _blank는 매번 새 창을 생성합니다.
  • _new는 하나의 새 창만 생성합니다.

또한 목표 값 _new로 클릭 한 모든 링크는 이전에 생성 된 창에로드 된 페이지를 대체합니다.

여기를 클릭 하면 _blank 또는 _new사용 하여 직접 사용해 볼 수 있습니다.


링크의 대상 속성은 브라우저가 새 브라우저 창에서 대상 페이지를 열도록합니다. _blank대상 값으로 사용하면 매번 새 창이 생성되고 사용 _new하면 새 창 하나만 생성되고 대상 값으로 클릭 한 모든 링크 _new는 이전에 생성 된 창에로드 된 페이지를 대체합니다


새 탭 / 창에서 링크를 열려면을 사용 <a target="_blank">합니다.

_blank= 타겟팅 된 브라우징 컨텍스트 : 새로운 브라우징 : 브라우징 설정에 따라 탭 또는 창

_new= 유효하지 않습니다. 요소의 대상 속성에 대해 HTML5에 이러한 값이 없습니다.

요소의 모든 값을 가진 대상 속성 : 비디오 데모


_New는 Iframed 페이지에서 작업 할 때 유용합니다. target = "_ blank"는 트릭을 수행하지 않고 동일한 iframe에서 페이지를 엽니 다. target new는 Iframe 페이지에 가장 적합한 솔루션입니다. 내 센트 만

참고 URL : https://stackoverflow.com/questions/4964130/target-blank-vs-target-new



반응형