앵커 태그 대상 속성에서 _self, _top 및 _parent의 차이점


80

_blank앵커 태그와 함께 사용할 때 새 탭 이 열리고 프레임 세트를 사용할 때 사용하는 자체 정의 대상이 있지만 _parent, _self및 의 차이점을 알고 싶습니다 _top.

답변:


117

이 답변은 좋지만 IMHO 나는 그들이 질문을 완전히 해결한다고 생각하지 않습니다.

앵커 태그의 대상 속성은 브라우저에 앵커 대상의 대상을 알려줍니다. 처음에는 문서의 프레임 시스템에 앵커를 조작하고 지시하기 위해 만들어졌습니다. 이것은 CSS가 HTML 개발자의 도움을 받기 훨씬 전이었습니다.

동안은 target="_self"브라우저에 의해 기본 가장 일반적인 대상입니다 target="_blank"(브라우저 설정 일반적으로 탭으로 리디렉션 된) 새 창에서 닻을 여는. "_parent", "_top"framename태그 추세로 구축 iframe이 사이트의 일에 익숙하지 않은 그에게 신비를 남아 있습니다.

target="_self"그러면 동일한 프레임에 앵커가 열립니다. 혼란스러운 것은 우리가 일반적으로 더 이상 프레임에 쓰지 않기 때문에 ( frame그리고 frameset태그는 HTML5에서 쓸모가 없습니다) 사람들은 이것을 동일한 윈도우 기능이라고 가정합니다. 대신이 앵커가 프레임에 중첩 된 경우 샌드 박스 모드에서 열리게됩니다. 이는 해당 프레임에서만 의미합니다.

target="_parent" 프레임이 서로 내부에 중첩 된 경우 프레임의 다음 레벨에서 열립니다.

target="_top" 이렇게하면 중첩 된 모든 프레임이 끊어지고 브라우저 창에서 최상위 문서로 링크가 열립니다.

target="framename이것은 원래 더 이상 사용되지 않았지만 HTML5로 다시 가져 왔습니다. 이것은 문제의 정확한 프레임을 대상으로합니다. (가) 동안 name적절한 방법이었다 방법은 사용으로 대체되었음을 id식별 태그.

<!--Example:-->

<html>
<head>
</head>
<body>
<iframe src="url1" name="A"><p> This my first iframe</p></iframe>
<iframe src="url2" name="B"><p> This my second iframe</p></iframe>
<iframe src="url3" name="C"><p> This my third iframe</p></iframe>

<a href="url4" target="B"></a>
</body>
</html>

16

HTML 4.01 사양의 섹션 6.16 프레임 타겟 이름 은 의미를 정의하지만 부분적으로 구식입니다. HTML5 초안은 "창"을 의미하는 반면, HTML5 초안은 "브라우징 컨텍스트"에 대해보다 현실적으로 말합니다. 최신 브라우저는이 컨텍스트에서 창 대신 탭을 자주 사용하기 때문입니다.

간단히 말하면 _self기본값 (현재 탐색 컨텍스트, 즉 현재 창 또는 탭)이므로 <base target=...>설정 을 재정의하는 데만 유용 합니다. 값 _parent은 현재 프레임의 부모 인 프레임 세트를 나타내며 _top"모든 프레임에서 분리"되고 전체 브라우저 창에서 연결된 문서를 엽니 다.


2
다음은 HTML5 초안에 대한 링크입니다 target. w3.org/TR/html-markup/a.html#a.attrs.target .
Oliver

16

target="_blank"

새 창을 열고 관련 데이터를 표시합니다.

target="_self"

동일한 프레임에서 창을 엽니 다. 기존 창 자체를 의미합니다.

target="_top"

창의 전체 본문에서 링크 된 문서를 엽니 다.

target="_parent"

부모 창의 크기로 데이터를 엽니 다.


'전신'은 무엇을 의미합니까?
robsch

@robsch 제임스 존슨의 답변을 참조
조셉 렉스

그러면 target="_main"속성 이야기는 무엇입니까?
Anupam Haldkar

3

다음은 목표 값이 다른 이미지입니다.

다른 목표 값 .1


귀하의 "답변"을 설명하십시오. 이 이미지는 그 자체로는 명확하지 않습니다.
SherylHohman

안녕하세요 @SherylHohman, 귀하의 의견에 감사드립니다. 이미지의 색상이 명확하지 않거나 설명이되지 않습니까?
Binaya

1
틀 렸으면 말해줘. 이것은 내가 이미지를 볼 때 이해하는 것입니다. 1. _parent-클릭하면 프레임 1의 링크가 프레임 2에서 열립니다. 2. _self-클릭하면 프레임 1의 링크가 프레임 1에서 열립니다. 3. _blank-중첩 된 iframe에있는 경우에도 실제로있는 프레임에 관계없이 클릭하면 모든 링크가 새 탭에서 열립니다. 4. _top-링크가 중첩 된 iframe에 있더라도 실제로 어떤 프레임에 있는지에 관계없이 클릭하면 현재 탭에서 링크가 열립니다.
motss 2010 년

1

다음은 앵커 태그의 실제 예입니다.

대상 속성


3
링크 된 기사의 관련 부분을 SO에 복사하십시오.

링크 전용 응답은 SO에 대한 응답으로 간주되지 않습니다. 이것은 유용한 댓글의 좋은 예입니다. 답변으로 간주 되려면 링크 된 페이지의 관련 정보를 게시물에 직접 삽입해야합니다. 자세한 내용은 SO 도움말 페이지를 참조하십시오.
SherylHohman

더 이상 링크를 사용할 수 없습니다!
Revnic Robert-Nick

1
RevnicRobert - 닉 @ 링크 복원 한
시 에드 마 쿠드
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.