HTML <a> target属性

HTML <a> 태그

定义和用法

target 属性规定打开链接文档的位置。

实例

target属性规定打开链接文档的位置：

<a href="https://www.codew3c.com" target="_blank">访问 CodeW3C.com</a>

직접 시도해 보세요

语法

<a target="_blank|_self|_parent|_top|framename">

target 属性的用途是告诉浏览器希望将所链接的资源显示在哪里。默认情况下，浏览器使用的是显示当前文档的窗口、标签页或框架（iframe），所以新文档将会取代现在显示的文档，但还有其他选择，请看下表：

属性值

值 描述
_blank 在新窗口或选项卡中打开链接文档。
_self 在与点击相同的框架中打开链接的文档（默认）。
_parent 在父框架中打开链接文档。
_top 在窗口的整个主体中打开链接的文档。
framename 在指定的iframe中打开链接文档。

详细说明

如果在<a>标签内包含一个target属性，浏览器将会载入并显示用这个标签的href属性命名的、名称与这个目标相匹配的框架或窗口中的文档。如果这个指定名称或id的框架或窗口不存在，浏览器将打开一个新的窗口，给这个窗口一个指定的标记，然后将新的文档载入那个窗口。从此以后，超链接文档就可以指向这个新的窗口。

打开新窗口

指向的超链接使得创建高效的浏览工具变得很容易。例如，一个简单的内容文档的列表，可以将文档重定向到一个单独的窗口：

<h3>Table of Contents</h3>
<ul>
  <li><a href="pref.html" target="view_window">Preface</a></li>
  <li><a href="chap1.html" target="view_window">Chapter 1</a></li>
  <li><a href="chap2.html" target="view_window">Chapter 2</a></li>
  <li><a href="chap3.html" target="view_window">Chapter 3</a></li>
</ul>

직접 시도해 보세요

사용자가 내용 목록에서 링크를 처음 선택할 때, 브라우저는 새 창을 엽니다. 이 창은 "view_window"으로 표시되고, 그 안에 원하는 문서 내용을 표시합니다. 사용자가 이 내용 목록에서 다른 링크를 선택하면, "view_window"이 여전히 열려 있으면서, 브라우저는 다시 선택된 문서를 해당 창에 로드하여 이전 문서를 대체합니다.

이 과정에서, 내용 목록을 포함한 창은 사용자가 접근할 수 있습니다. 창中的一个 링크를 클릭하면 다른 창의 내용이 변경됩니다.

프레임에서 창을 엽니다

전체 브라우저 창을 열지 않고, target를 사용하여 <frameset>에서 스크립트를 통해 링크 내용을 하나나 여러 개의 프레임으로 정향할 수 있습니다. 이 내용 목록을 두 프레임을 포함한 문서의 하나의 프레임에 넣고, 선택된 문서를 표시하기 위해 이 인접한 프레임을 사용할 수 있습니다：

<frameset cols="100,*">
  <frame src="toc.html">
  <frame src="pref.html" name="view_frame">
</frameset>

직접 시도해 보세요

브라우저가 이 두 프레임을 최초로 표시할 때, 왼쪽 프레임은 목차를 포함하고, 오른쪽 프레임은 서론을 포함합니다.

이 "toc.html"의 소스 코드는 다음과 같습니다：

<h3>Table of Contents</h3>
<ul>
  <li><a href="pref.html" target="view_frame">Preface</a></li>
  <li><a href="chap1.html" target="view_frame">Chapter 1</a></li>
  <li><a href="chap2.html" target="view_frame">Chapter 2</a></li>
  <li><a href="chap3.html" target="view_frame">Chapter 3</a></li>
</ul>

주의하세요, "toc.html" 문서에서 각 링크의 목표는 "view_frame"입니다. 즉, 오른쪽 프레임입니다.

사용자가 왼쪽 프레임에서 목록에서 링크를 선택하면, 브라우저가 이 링크와 관련된 문서를 로드하여 오른쪽의 "view_frame" 프레임에 표시합니다. 다른 링크를 선택하면 오른쪽 프레임의 내용도 변경되지만, 왼쪽 프레임은 항상 동일하게 유지됩니다。

특별한 목표

4 개의 보존된 목표 이름이 특별한 문서 재정향 작업에 사용됩니다：

_blank

브라우저는 항상 새로 열린, 이름이 지정되지 않은 창에서 목표 문서를 로드합니다.

_self

이 목표의 값은 모든 목표를 지정하지 않은 <a> 태그에 대해 기본 목표입니다. 이는 목표 문서가 같은 프레임 워크나 창에 로드되고 표시되도록 합니다. 이 목표는 document 타이틀 <base> 태그의 target 속성과 함께 사용하는 경우에만 불필요하거나 필요하지 않습니다.

_parent

이 목표는 문서를 부모 창이나 히든 링크를 참조하는 프레임 워크를 포함하는 프레임 워크 셋에 로드하도록 합니다. 이 참조가 창이나 최상위 프레임 워크에 있으면, 이는 목표 _self와 동일합니다.

_top

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

ヒント:이 target의 모든 4가지 값은 밑줄로 시작합니다. 다른 밑줄로 시작하는 다른 창이나 목표는 브라우저에 의해 무시됩니다. 따라서, 밑줄을 문서에서 정의된 모든 프레임 워크 name이나 id의 첫 번째 문자로 사용하지 마세요.

브라우저 지원

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
지원 지원 지원 지원 지원

HTML <a> 태그