HTML <a> target attribute

HTML <a> Tag

Definition and usage

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

Example

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

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

Prøv det selv

Syntax

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

target The purpose of the attribute is to tell the browser where you want 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 document currently displayed, but there are other options, see the table below:

Attribute value

Value Description
_blank Open the linked document in a new window or tab.
_self Open the linked document in the same frame as the click (default).
_parent Open the linked document in the parent frame.
_top Open the linked document in the entire body of the window.
framename Open the linked 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 in a new window

Hyperlinks that point to a URL make it easy to create efficient browsing tools. For example, a simple list of content documents can redirect the documents to a separate window:

<h3>Indholdsfortegnelse</h3>
<ul>
  <li><a href="pref.html" target="view_window">Forside</a></li>
  <li><a href="chap1.html" target="view_window">Kapitel 1</a></li>
  <li><a href="chap2.html" target="view_window">Kapitel 2</a></li>
  <li><a href="chap3.html" target="view_window">Kapitel 3</a></li>
</ul>

Prøv det selv

Når brugeren første gang vælger et link fra indholdslisten, åbner browseren et nyt vindue, markerer det som "view_window" og viser det ønskede dokumentindhold der. Hvis brugeren vælger et andet link fra denne indholdsliste, og "view_window" stadig er åben, vil browseren igen indlæse det valgte dokument i dette vindue, og erstatte de tidligere dokumenter.

I hele processen er det dette vindue, der indeholder indholdslisten, som brugeren kan få adgang til. Ved at klikke på en forbindelse i dette vindue ændres indholdet i et andet vindue.

Åbn vinduet i rammen

Man behøver ikke at åbne en fuld browservindue. En mere almindelig metode til at vise hyperlinks i en <frameset> er at dirigere indholdet til en eller flere rammer. Denne indholdsliste kan placeres i en dokument med to rammer, og den nærliggende ramme bruges til at vise det valgte dokument:

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

Prøv det selv

Når browseren først viser disse rammer, indeholder den venstre ramme kataloget, mens den højre ramme indeholder forordet.

Dette er kildekoden til "toc.html":

<h3>Indholdsfortegnelse</h3>
<ul>
  <li><a href="pref.html" target="view_frame">Forside</a></li>
  <li><a href="chap1.html" target="view_frame">Kapitel 1</a></li>
  <li><a href="chap2.html" target="view_frame">Kapitel 2</a></li>
  <li><a href="chap3.html" target="view_frame">Kapitel 3</a></li>
</ul>

Bemærk venligst, i dokumentet "toc.html", er målet for hver link "view_frame", dvs. rammen til højre.

Når brugeren vælger en link fra kataloget i den venstre ramme, vil browseren indlæse og vise det tilhørende dokument i denne "view_frame" ramme til højre. Når et andet link vælges, ændres indholdet i denne ramme til højre, mens den venstre ramme forbliver uændret.

Specielle mål

Der er 4 reserverede målnavne brugt til specielle dokumentomdirigeringer:

_blank

Browseren indlæser altid mål dokumentet i et nyt, uopkaldt vindue.

_self

Dette mål er standard for alle <a>-etiketter, der ikke har et mål specificeret, og gør det muligt for mål dokumentet at indlæses og vises i det samme ramme eller vindue som kildefilen. Dette mål er unødvendigt og overflødig, medmindre det bruges sammen med target-attributten i <base>-etiketten i dokumentets titel.

_parent

Dette mål gør det muligt for dokumentet at indlæses i forældrevinduet eller i rammesæt, der indeholder den hyperlink, der refererer til det. Hvis denne reference er i et vindue eller i en top-ramme, er det ligeglad med mål _self.

_top

Denne mål gør det muligt for dokumentet at indlæses i vinduet, der indeholder denne hyperlink, brug af _top-mål vil fjerne alle inkluderede rammer og indlæse dokumentet i hele browservinduet.

Tip:Disse fire target-værdier begynder alle med et understregningstegn. Enhver anden vindue eller mål, der begynder med et understregningstegn, vil blive ignoreret af browseren, så lad ikke et understregningstegn være den første karakter i nogen ramme navne eller id'er, der defineres i dokumentet.

Browserkompatibilitet

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

HTML <a> Tag