HTML 대상 속성

정의 및 사용법

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

태그 내에 대상 속성을 포함하면 브라우저는 태그의 href 속성으로 이름이 지정되고 이름이 대상과 일치하는 프레임이나 창에 문서를 로드하고 표시합니다. 지정된 이름이나 ID를 가진 프레임이나 창이 존재하지 않으면 브라우저는 새 창을 열고 창에 지정된 태그를 제공한 다음 새 문서를 해당 창에 로드합니다. 이제부터 하이퍼링크된 문서는 이 새 창을 가리킬 수 있습니다.

새 창에서 열기

뾰족한 하이퍼링크를 사용하면 효율적인 탐색 도구를 쉽게 만들 수 있습니다. 예를 들어 문서를 별도의 창으로 리디렉션하는 간단한 콘텐츠 문서 목록:

<h3 id="Table-of-Contents">Table of Contents</h3>

  
• Preface
  
• Chapter 1
  
• Chapter 2
  
• Chapter 3

직접 시도해 보세요

사용자가 콘텐츠 목록에서 항목을 처음 선택할 때 연결하면 브라우저는 새 창을 열고 "view_window"라는 레이블을 붙인 다음 원하는 문서 내용을 표시합니다. 사용자가 이 콘텐츠 목록에서 다른 링크를 선택하고 "view_window"가 아직 열려 있는 경우 브라우저는 선택한 문서를 해당 창에 다시 로드하여 이전 문서를 대체합니다.

콘텐츠 목록이 포함된 이 창은 프로세스 전반에 걸쳐 사용자가 액세스할 수 있습니다. 창의 링크를 클릭하면 다른 창의 내용을 변경할 수 있습니다.

프레임에서 창 열기

전체 브라우저 창을 여는 대신 보다 일반적인 접근 방식은 대상을 사용하여 하이퍼링크 콘텐츠를 . 이 콘텐츠 목록을 2프레임 문서의 한 프레임에 넣고 인접 프레임을 사용하여 선택한 문서를 표시할 수 있습니다.

<frameset>
  <frame>
  <frame>
</frameset>

직접 시도해 보세요

브라우저가 처음에 이 두 개를 표시할 때 프레임에서 왼쪽 프레임에는 목차가 포함되고 오른쪽 프레임에는 머리말이 포함됩니다.

이것은 "toc.html"의 소스 코드입니다:

<h3 id="Table-of-Contents">Table of Contents</h3>

  
• Preface
  
• Chapter 1
  
• Chapter 2
  
• Chapter 3

"toc.html" 문서에서 각 링크의 대상은 "view_frame"입니다. 오른쪽 프레임.

사용자가 왼쪽 프레임의 디렉터리에서 링크를 선택하면 브라우저는 관련 문서를 로드하고 오른쪽의 "view_frame" 프레임에 표시합니다. 다른 링크를 선택하면 오른쪽 프레임의 내용도 변경되지만 왼쪽 프레임은 항상 동일하게 유지됩니다.

특수 대상

특수 문서 리디렉션 작업에 사용되는 4개의 예약된 대상 이름이 있습니다:

_blank

브라우저는 항상 새로 열린 이름 없는 창에 대상 문서를 로드합니다.

_self

이 대상의 값은 대상을 지정하지 않는 모든 태그의 기본 대상이므로 대상 문서가 동일한 프레임에 로드되고 표시됩니다. 또는 창을 소스 문서로 사용합니다. 이 대상은 문서 제목의 태그에 있는 대상 속성과 함께 사용되지 않는 한 중복되고 불필요합니다.

_parent

이 대상은 하이퍼링크에서 참조하는 프레임이 포함된 상위 창이나 프레임세트에 문서가 로드되도록 합니다. 이 참조가 창이나 최상위 프레임에 있으면 target _self와 동일합니다.

_top

이 목표는 문서가 하이퍼링크가 포함된 창에 로드되도록 합니다. _top 목표를 사용하면 포함된 모든 프레임이 지워지고 문서가 전체 브라우저 창에 로드됩니다.

팁: 이 타겟의 4개 값은 모두 밑줄로 시작합니다. 밑줄로 시작하는 다른 창이나 개체는 브라우저에서 무시되므로 문서에 정의된 프레임 이름이나 ID의 첫 번째 문자로 밑줄을 사용하지 마십시오.

구문

<a></a>

속성값

值	描述
_blank	在新窗口中打开被链接文档。
_self	默认。在相同的框架中打开被链接文档。
_parent	在父框架集中打开被链接文档。
_top	在整个窗口中打开被链接文档。
framename	在指定的框架中打开被链接文档。

더 많은 HTML 대상 속성 관련 기사를 보려면 PHP 중국어 웹사이트를 참고하세요. !