HTML <a> target attribute

Tag <a> HTML

Definition and usage

target The attribute specifies the location where the link document is to be opened.

Example

The target attribute specifies the location where the link document is to be opened:

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

Spróbuj sam

Syntax

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

target The purpose of the attribute is to tell the browser where to display the linked resource. By default, the browser uses the window, tab, or frame (iframe) that displays the current document, so the new document will replace the currently displayed document. However, there are other options, please see the table below:

Attribute value

Value Description
_blank Open the link document in a new window or tab.
_self Open the link document in the same frame as the click (default).
_parent Open the link document in the parent frame.
_top Open the link document in the entire body of the window.
framename Open the link document in the specified iframe.

Detailed explanation

If a target attribute is included within an <a> tag, the browser will load and display the document named by the href attribute of this tag, which matches the name of the frame or window. If the specified name or id of the frame or window does not exist, the browser will open a new window, assign a specified marker to this window, and then load the new document into that window. From then on, the hyperlink document can point to this new window.

Open a new window

Hyperlink pointing to makes it easy to create efficient browsing tools. For example, a simple list of content documents can redirect documents to a separate window:

<h3>Spis treści</h3>
<ul>
  <li><a href="pref.html" target="view_window">Wprowadzenie</a></li>
  <li><a href="chap1.html" target="view_window">Rozdział 1</a></li>
  <li><a href="chap2.html" target="view_window">Rozdział 2</a></li>
  <li><a href="chap3.html" target="view_window">Rozdział 3</a></li>
</ul>

Spróbuj sam

Kiedy użytkownik po raz pierwszy wybiera link z listy treści, przeglądarka otworzy nowe okno, oznaczone jako "view_window", i wyświetli w nim zawartość dokumentu, który ma być wyświetlony. Jeśli użytkownik wybierze inny link z tej listy treści, a "view_window" nadal jest otwarty, przeglądarka ponownie załaduje wybrany dokument do tego okna, zastępując poprzednie dokumenty.

Podczas całego procesu okno zawierające listę treści jest dostępne dla użytkownika. Kliknięcie na jednym z linków w oknie zmieni zawartość innego okna.

Otwórz okno w ramie

Nie ma potrzeby otwierać pełnego okna przeglądarki, metoda target jest bardziej powszechna w kierowaniu treści hiperłączy do jednego lub więcej ramek w ramce <frameset>. Można umieścić tę listę treści w jednym z ramek dokumentu z dwoma ramami i użyć tego sąsiedniego ramienia do wyświetlania wybranego dokumentu:

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

Spróbuj sam

Kiedy przeglądarka po raz pierwszy wyświetla te ramy, lewy ram zawiera katalog, a prawy ram zawiera wstęp.

Oto źródłowy kod "toc.html":

<h3>Spis treści</h3>
<ul>
  <li><a href="pref.html" target="view_frame">Wprowadzenie</a></li>
  <li><a href="chap1.html" target="view_frame">Rozdział 1</a></li>
  <li><a href="chap2.html" target="view_frame">Rozdział 2</a></li>
  <li><a href="chap3.html" target="view_frame">Rozdział 3</a></li>
</ul>

Proszę zauważyć, że w dokumencie "toc.html", każdy link ma za cel "view_frame", czyli prawy ram.

Kiedy użytkownik wybiera link z katalogu w lewym ramie, przeglądarka załaduje i wyświetli powiązany dokument w prawym ramie "view_frame". Kiedy wybierany jest inny link, zawartość prawego ramienia również się zmienia, podczas gdy lewe ramie pozostaje niezmiennym.

Specjalny cel

Są 4 zachowane nazwy celów, które są używane do specjalnych operacji przekierowania dokumentów:

_blank

Przeglądarka zawsze ładuje dokument docelowy w nowo otwartym, bezimiennym oknie.

_self

Ta wartość jest domyślnym celem dla wszystkich etykiet <a>, które nie mają określonego celu, powoduje załadowanie i wyświetlenie docelowego dokumentu w tym samym frameworku lub oknie jako dokument źródłowy. Ten cel jest nadmiarowy i niepotrzebny, chyba że jest używany razem z atrybutem target etykiety <base> w tytule dokumentu.

_parent

Ten cel powoduje załadowanie dokumentu do okna nadrzędnego lub ramki zawierającej hiperłącze. Jeśli odwołanie znajduje się w oknie lub w najwyższym frameworku, jest ono równoważne z celem _self.

_top

Ten cel powoduje załadowanie dokumentu do okna zawierającego ten hiperłącze, użycie celu _top usuwa wszystkie zawarte ramki i załadowuje dokument do całego okna przeglądarki.

Wskazówka:Wszystkie 4 wartości target zaczynają się od podkreślenia. Każdy inny element zaczynający się od podkreślenia jako okno lub cel zostanie zignorowany przez przeglądarkę, więc nie używaj podkreślenia jako pierwszego znaku nazwy lub id frameworku zdefiniowanego w dokumencie.

Obsługa przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie

Tag <a> HTML