HTML <a> target-eigenschap

HTML <a> Tag

Definitie en gebruik

target De eigenschap bepaalt de locatie waar de linkdocumenten moeten worden geopend.

Voorbeeld

De target-eigenschap bepaalt de locatie waar de linkdocumenten moeten worden geopend:

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

Probeer het zelf

Syntax

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

target De bedoeling van deze eigenschap is om de browser te vertellen waar de geconnekteerde bronnen moeten worden weergegeven. Standaard gebruikt de browser het venster, tabblad of kader (iframe) waarin de huidige documenten worden weergegeven, zodat het nieuwe document het huidige document zal vervangen. Er zijn echter ook andere opties, zie de tabel hieronder:

Eigenschapswaarde

Waarde Beschrijving
_blank Open de linkdocumenten in een nieuw venster of tabblad.
_self Open de linkdocumenten in het kader waarin wordt geklikt (standaard).
_parent Open de linkdocumenten in het ouderkader.
_top Open de linkdocumenten in het hele lichaam van het venster.
framename Open de linkdocumenten in het opgegeven iframe.

Uitleg

Als een <a>-tag een target-eigenschap bevat, zal de browser de documenten laden en weergeven die worden aangewezen door de href-eigenschap van deze tag, en die overeenkomen met de naam van het doel. Als het opgegeven naam of id van het kader of venster niet bestaat, zal de browser een nieuw venster openen, een specifieke markering aan dat venster geven en het nieuwe document laden in dat venster. Vanaf dat moment kunnen hyperlinks documenten naar dit nieuwe venster wijzen.

Nieuw venster openen

De hyperlinks die worden aangegeven maken het eenvoudig om efficiënte navigatiemiddelen te creëren. Bijvoorbeeld, een eenvoudige lijst van inhoudsdocumenten kan documenten omleiden naar een aparte venster:

<h3>Inhoudsopgave</h3>
<ul>
  <li><a href="pref.html" target="view_window">Voorwoord</a></li>
  <li><a href="chap1.html" target="view_window">Hoofdstuk 1</a></li>
  <li><a href="chap2.html" target="view_window">Hoofdstuk 2</a></li>
  <li><a href="chap3.html" target="view_window">Hoofdstuk 3</a></li>
</ul>

Probeer het zelf

Wanneer de gebruiker voor het eerst een koppeling in de inhoudslijst selecteert, opent de browser een nieuw venster, het markeert als "view_window", en toont daarin de gewenste documentinhoud. Als de gebruiker een andere koppeling uit deze inhoudslijst selecteert en het "view_window" nog steeds open is, zal de browser het geselecteerde document opnieuw laden in dat venster, in plaats van de eerder getoonde documenten.

Tijdens het hele proces is het venster dat de inhoudslijst bevat toegankelijk voor de gebruiker. Door op een koppeling in het venster te klikken, verandert de inhoud van het andere venster.

Open in frame

In plaats van een volledige browservenster te openen, is de meest gebruikelijke methode om met de target-eigenschap hyperlinks in een <frameset>-weergave naar één of meerdere frames te sturen. Deze inhoudslijst kan in één van de frames van een document met twee frames worden geplaatst, en de naastgelegen frame wordt gebruikt om de geselecteerde documenten weer te geven:

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

Probeer het zelf

Wanneer de browser deze twee frames eerst weergeeft, bevat het linkse frame de inhoudsopgave en het rechter frame bevat het voorwoord.

Dit is de broncode van "toc.html":

<h3>Inhoudsopgave</h3>
<ul>
  <li><a href="pref.html" target="view_frame">Voorwoord</a></li>
  <li><a href="chap1.html" target="view_frame">Hoofdstuk 1</a></li>
  <li><a href="chap2.html" target="view_frame">Hoofdstuk 2</a></li>
  <li><a href="chap3.html" target="view_frame">Hoofdstuk 3</a></li>
</ul>

Let op, in het document "toc.html", is het doel van elke link "view_frame", dat wil zeggen, het rechter frame.

Wanneer de gebruiker een link selecteert uit de directory in het linkse frame, zal de browser het bijbehorende document laden en weergeven in het rechter "view_frame" frame. Wanneer een andere link wordt geselecteerd, verandert ook de inhoud in het rechter frame, terwijl het linkse frame altijd hetzelfde blijft.

Specifieke doel

Er zijn 4 behouden doelnamen gebruikt voor speciale documentherverwijzingsopties:

_blank

Browsers always load the target document in a new, unnamed window.

_self

This target value is the default target for all <a> tags that do not specify a target, it makes the target document load and display in the same frame or window as the source document. This target is redundant and unnecessary unless used with the target attribute of the <base> tag in the document title.

_parent

This target makes the document load in the parent window or in the frameset that contains the frame referenced by the hyperlink. If this reference is in a window or in the top-level frame, it is equivalent to the target _self.

_top

This target makes the document load in the window containing this hyperlink, using the _top target will clear all contained frames and load the document in the entire browser window.

Tip:All 4 values of these targets start with an underscore. Any other window or target that starts with an underscore will be ignored by the browser, so do not use an underscore as the first character of any frame name or id defined in the document.

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support

HTML <a> Tag