target =“_ blank”대 target =“_ new”
차이 무엇 <a target="_new">
과 <a target="_blank">
어느 난 그냥 새 탭 / 창에서 링크를 열려면 내가 사용해야은?
"_blank"사용
HTML5 사양 에 따르면 :
유효한 브라우징 컨텍스트 이름 은 U + 005F LOW LINE 문자로 시작하지 않는 하나 이상의 문자 모든 문자열입니다. 밑줄로 시작하는 이름은 특수 키워드 용으로 예약되어 있습니다.
유효한 브라우징 컨텍스트 이름 또는 키워드 중 하나 유효한 브라우징 컨텍스트 이름 문자열 또는 그 중 하나에 대한 아스키 대소 문자를 구분 일치 : _blank, _self, _parent, 또는 _top. "- 소스
이는 _new
HTML5 와 같은 키워드가 없으며 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
'Programming' 카테고리의 다른 글
언제 Java @Override 어노테이션을 사용합니까? (0) | 2020.02.12 |
---|---|
jQuery 데이터 대 Attr? (0) | 2020.02.12 |
디렉토리의 파일을 반복하고 경로를 변경하고 파일 이름에 접미사를 추가하는 방법 (0) | 2020.02.12 |
Codesign 오류 : 만료 된 프로파일을 삭제 한 후 프로비저닝 프로파일을 찾을 수 없습니다 (0) | 2020.02.12 |
Android에서 소프트웨어 키보드의 가시성을 확인하는 방법은 무엇입니까? (0) | 2020.02.12 |